Open sleddev opened 1 month ago
I have encountered this problem before. Because the checkbox
input element style has position: "absolute"
, this causes the element to be out of the normal document flow.You can try to give the relative
attribute to the parent element or Checkbox.Root
.
Thank you so much!
Adding position: relative !important
fixed my issue, both in Chromium and Firefox
Describe the bug When the HTML and body elements are not scrollable (instead some container div is scrollable), clicking on a checkbox that's not visible without scrolling down causes the HTML to be scrolled (.scrollTop applied), making the page pretty much unusable.
To Reproduce Steps to reproduce the behavior:
Expected behavior The container div gets scrolled to make the checkbox visible.
Screenshots
Desktop (please complete the following information):
Smartphone (please complete the following information):
Additional context I could only reproduce this in chromium-based browsers, not Firefox. Tho in Firefox no scrolling happens, so that's not expected behavior either.