Navigating through inline comments using the arrows breaks if navigation hits an inline comment on a text with span tag as <span class="confluence-embedded-file-wrapper">

Issue Summary

Given a Confluence page with a lot of content and has inline comments, navigating between the inline comments will glitch if the line which has inline comment on a text, has span tag as <span class="confluence-embedded-file-wrapper"> 

Under normal circumstances, when a user navigates through inline comments, the page should automatically scroll to the text that a specific inline comment refers to. However, due to this bug, Confluence doesn't scroll to the text with the inline comment. Instead, it auto-scrolls to either the top or bottom of the page.

Behaviour is similar to the previously reported bug CONFSERVER-58680 but the cause is different. 

This is reproducible on Data Center: (yes)

Steps to Reproduce

1. Install "Confluence Source Editor" add-on
2. Create a new page long enough to scroll the page
3. Create multiple inline comments on a page.
4. Now using the source editor, add span tag <span class="confluence-embedded-file-wrapper"> in any of the text having inline comments.
5. Start navigating through the comments using the up down arrow in the comment box

Expected Results

Using the navigation arrow in inline comments should take to the previous or the next inline comment.

Actual Results

Using the arrows break if navigation hits an inline comment with affected text.

Workaround

1. Install Confluence Source Code Editor https://marketplace.atlassian.com/plugins/com.atlassian.confluence.plugins.editor.confluence-source-editor/server/overview
2. Edit the page, then click the Source Editor icon to edit the page source
3. Search for the stack span tag <span class="confluence-embedded-file-wrapper"> around the inline comment
4. Once identified, remove <span class="confluence-embedded-file-wrapper" > tag
5. Save Page