SharePoint O365 document library Browser jumps up when clicking on ellipsis on an attachment

Question

At SharePoint O365 document library, click on ellipsis open up the document preview, click on another ellipsis should open the menu to download, delete etc. The browser jumps up to top to display the menu, instead of display the menu but stay in place.

Answer 1

@Wan Feng

You can use the File Viewer Web Part to display content of files on current page.
Note: The File Viewer web part only working in SharePoint Online modern experience.

Please follow these steps:

1.Create a Modern SharePoint page
Open your SharePoint Online modern site >> click Settings menu >> click Add a page

2.Edit this page
a) Click + Sign, and then add New section “Two Column” from the Section layout.

b) In the column-section1, click + sign>> select “Document library” from the web part toolbox>> select the relative Document Library from the list of Document Libraries
c) In the column-section2, click + sign>> select “File Viewer” from the web part toolbox.

d) After you finish performing step 2, the below screen will appear:

3.Edit the File Viewer Modern Web part
a) After you select the File Viewer Modern Web part >> click Edit Web part option >> click ... sign on the File viewer pane, and then click “Connect to Source” >> select the relative Document Library

b) When you select a file, the page will display the content of the file.

Thanks,
Echo Du

==============

@Wan Feng

…………………………Updated Answer…………………………

Please following steps:

1.Go to the Document Library, select Edit page under the Settings menu.
2.Click "Add a Web Part" link >> select "Media and Content" node>> add "Script Editor" web part

3.On the Script Editor web part, click "EDIT SNIPPET" link
4.On the Emned dialog , entry the following script >> click "Insert" Button

5.Click "Stop Editing" button in the top menu bar to save page.

Thanks,
Echo Du

================

If an Answer is helpful, please click "Accept Answer" and upvote it.
Note: Please follow the steps in our documentation to enable e-mail notifications if you want to receive the related email notification for this thread.

Answer 2

Thanks for your response.
Your suggestion is not related to my issue.
Problem is not about document preview, it is about the drop down menu bar that jumps to the top.

BTW, my client doesn't like modern experience.

Answer 3

Please see the screen shot.

First, click on the ellipsis to open up Document Preview for an attachment in a document library, at bottom of the page

then click on another ellipsis which should display menu but the menu jumps to top of the page

Answer 4

Thanks for your detailed steps. It does remove document preview, which most users don't like.

But the click on the ellipsis on the attachment, the menu jumps to the top of the page still happens.
Also caused bigger issue that I can't open a different tab on my customized form.