Skip to content

UX: Textarea resize script causes scroll jumps on input #7258

@a-r-m-i-n

Description

@a-r-m-i-n

Describe the bug
When you place a TextareaField and add very much contents, the height get adjusted to the textarea contents.
If the textarea has more lines than the original number of rows, you scroll down and make an input, the field-textarea.js script scrolls to the very top of the page and then down to the line in which you did the edit.

To Reproduce

  • Place a TextareaField
  • Add much text (it must be more lines than the textarea has initially and the height of the resized textarea must be larger than the height of the current viewport, to cause scrollbars)
  • Now scroll down click inside the textarea and make any input

(OPTIONAL) Additional context
Scroll jump in action. I added the numbers "1" and "2" in this lorem ipsum text:
Image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions