fix(ui): prevent selection checkboxes from creating phantom scroll height

Add `position: relative` to `.bui-Table` so it becomes the containing
block for react-aria's absolutely positioned hidden checkbox inputs.

Without this, the inputs position themselves relative to a distant
ancestor, extending its scrollable area and creating phantom scroll
height.

Signed-off-by: Johan Persson <johanopersson@gmail.com>
This commit is contained in:
Johan Persson
2026-05-07 12:45:33 +02:00
parent 213c6807d9
commit 4bb649d511
2 changed files with 9 additions and 0 deletions
@@ -31,6 +31,8 @@
}
.bui-Table {
/* Establishes containing block for react-aria's absolutely positioned hidden checkbox inputs, preventing them from escaping to a distant ancestor and creating phantom scroll height. */
position: relative;
width: 100%;
caption-side: bottom;
border-collapse: collapse;