search

facebook / lexical

Lexical is an extensible text editor framework that provides excellent reliability, accessibility and performance.
https://lexical.dev
MIT License
19.75k stars 1.68k forks source link

Bug: CSS property `scroll-padding` not working #6016

Open danishsjjd opened 6 months ago

danishsjjd commented 6 months ago

If I disable javascript and apply scroll-padding css to html it just works but when I enable javascript in playground, the scroll-padding only works if the length of node text is greater then 1

Lexical version: 0.14.5

Steps To Reproduce

From lexical documentation home page plain text example, just apply scroll padding to html in style.css

Link to code example: https://stackblitz.com/edit/facebook-lexical-znjtmx

The current behavior (With JavaScript enabled)

https://github.com/facebook/lexical/assets/92915951/65df6227-ce5d-44a2-8895-b689c84816be

The expected behavior (without javascript)

https://github.com/facebook/lexical/assets/92915951/c1cf08d1-4fdc-4ac6-9145-f1b9de398dbf

StyleT commented 6 months ago

Another video to showcase the issue... Notice scroll jump of the page when I start typing in. That jump shouldn't be there.

https://github.com/facebook/lexical/assets/1125900/63f91889-e065-459c-8c6f-c1333ba0a05f

ArchitGajjar commented 3 months ago

Hi @StyleT - can I work on this issue, can you please assign this to me ? I am interested into this framework :)

vantage-ola commented 4 weeks ago

can you confirm that this is still the case now?