Bug: Editing the bottom-most empty bullet causes page-scroll

šŸ›Bugs
1

Steps to reproduce

  1. Open a document with more than one page of content (i.e. so that the page can scroll)
  2. Scroll to the bottom of the document
  3. Press [Enter] to create a new empty bullet at the very bottom
  4. Press [Tab], [Shift-Tab], or [Enter] to cause the bullet to indent/outdent

Expected result

The bullet indents or outdents, as appropriate.

Actual result

The bullet indents or outdents and the page scrolls up, moving the just-edited line off the bottom of the screen.

Environment

Which operating system are you using? Windows 11
Which browser are you using? Google Chrome 137.0.7151.6 (Official Build) beta (64-bit) (cohort: Beta)
If youā€™re using a desktop or mobile app, whatā€™s the version number of Dynalist? N/A
Are you using any third-party scripts for Dynalist, e.g. PowerPack? No

Additional information

Screen recording of the bug in action: https://imgur.com/a/JK8yYxH

1 Like
2

Facing similar issue

In my case itā€™s even more acute, clicking anywhere on the page is causing upward scrolling

I am using dynalist web on Google Chrome Browser on Windows 11 OS

3

Iā€™m having the same issue. Some other discussion of it here: Bad scroll behavior - #8 by Jayden_Navarro

4

I canā€™t repro in Safari, so likely due to a Chrome update. Shida said heā€™ll look into it: Discord

5

I updated chrome to 137 and I can now repro. I wonder what happenedā€¦ Hopefully itā€™ll be a quick fix.

1 Like
6

Seems like the bug is caused by chrome returning a selection rectangle of {0,0,0,0} when using getSelection().rangeAt(0).getBoundingClientRect() on a caret. Iā€™ve actually seen this when working on Obsidian recently as well and I do not understand why this can happen.

7

Fixed and deployed. Let me know if that helps!

2 Likes
8

Fixed for me, thanks!

1 Like
9

Fixed for me as well! Thanks so much.