Sticky table has problems with responsive column toggle

Created on 19 June 2024, 8 days ago
Updated 27 June 2024, about 11 hours ago

Problem/Motivation

The content of tables with a sticky header is not correctly offset, when that table has additional controls like "Show row weight" or "Toggle responsive columns". Those controls are rendered visually "under" the sticky header and are not clickable. Furthermore the regular table is pushed down by that control's pixel height, revealing a few pixels the regular non-sticky table header.

Steps to reproduce

On a plain Drupal installation with Gin theme enabled: Go to the content overview and reduce the browser window width until the responsive column toggle button appears. (Actually the button does not appear, because the button's z-index is below the sticky header, but you can see the offset that buttons causes.)

The issue can also be reproduced with draggable tables / tables with weight. E.g. with the Weight module โ†’ , when adding row weight column to a view with sticky header. In that case there is a div.gin-table-scroll-wrapper > div.tabledrag-toggle-weight-wrapper, which causes exactly the same offset issue as the div.gin-table-scroll-wrapper > div.tableresponsive-toggle-columns in the screenshot above.

๐Ÿ› Bug report
Status

Needs review

Component

User interface

Created by

๐Ÿ‡ฆ๐Ÿ‡นAustria hudri Austria

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.69.0 2024