design-system icon indicating copy to clipboard operation
design-system copied to clipboard

Published 20 hours ago • verified publisher icon equinor

SideSheet scrollbar jumps to top when writing in TextField

Open AndreasPresthammer opened this issue 2 months ago • 5 comments

Using a multiline TextField in a SideSheet component with a scrollbar will cause the SideSheet scrollbar to jump to the top when editing the TextField.

Repro can be found here: https://codesandbox.io/p/sandbox/laughing-matsumoto-tlx84t?file=%2Fsrc%2FApp.tsx

Click into the linked repro and edit the text in the TextField in the SideSheet. Observe that the scrollbar of the SideSheet jumps to the top.

Expected behavior

Expect the scroll to not jump to the top when editing a TextField.

Specifications

  • Version: @equinor/[email protected]
  • Browser:Version 125.0.6422.142 (Official Build) (64-bit)
  • OS: Windows 11

AndreasPresthammer avatar Jun 17 '24 13:06 AndreasPresthammer