Page preview jumps to the top-left corner when resized after the source link’s display state changes

Bug reports
, ,
1

Steps to reproduce

  1. Open the Sandbox vault.
  2. In Live Preview editing mode, place the caret on the link “I have used plain-text based apps” in the “Start here” note, and change its display to:
    [[From plain-text note-taking|I have used plain-text based apps]]
  3. Hold Ctrl and hover over the link to open a page preview.
  4. Click inside the page preview to enter editing mode.

Did you follow the troubleshooting guide? [Y/N]

Yes

Expected result

The page preview should remain in its original position when switching to editing mode.

Actual result

When entering editing mode, the page preview jumps to the top-left corner of the window.

Environment

SYSTEM INFO:
Obsidian version: v1.10.6
Installer version: v1.10.6
Operating system: Windows 11 Pro 10.0.26200
Login status: not logged in
Language: en
Insider build toggle: off
Live preview: on
Base theme: adapt to system
Community theme: none
Snippets enabled: 0
Restricted mode: on
RECOMMENDATIONS:
none

Additional information

  • This issue seems to occur when the page preview is resized. If the page preview is already at its maximum size, the issue does not occur.
  • When focus moves to the page preview, the link in the original note changes its display back to the non-[[ ]] form. This change in the link’s display state also appears to be a condition for the issue to occur.
  • From a brief investigation using the Obsidian developer console, it appears that if the DOM element passed as targetEl in the hover-link event has been removed, the position calculation during resizing becomes incorrect, which may cause the preview to jump to the top-left corner.
  • Reproduction video: https://gist.github.com/user-attachments/assets/ac9282c4-9cda-40fd-a936-4b617cbe9afd
1 Like
2

thanks