gutenberg icon indicating copy to clipboard operation
gutenberg copied to clipboard

Data views: Table headers are no longer sticky

Open jameskoster opened this issue 2 years ago • 1 comments

Most likely due to the addition of wrappers like .dataviews-wrapper and .dataviews-view-table-wrapper, table column headers are no longer sticking to the top of the container as you scroll.

Given the additional nesting we may need to use javascript to handle this.

jameskoster avatar Feb 13 '24 16:02 jameskoster

Adding Bug label since the current code is effectively broken. If we can't restore this functionality for 6.5 then we should at least remove the broken code.

jameskoster avatar Feb 23 '24 14:02 jameskoster

@ntsekouras tagging you on this for a 6.5 fix!

annezazu avatar Feb 26 '24 18:02 annezazu

The style responsible for this comes from here: https://github.com/WordPress/gutenberg/pull/57930

and specifically from:

.dataviews-view-table-wrapper {
	overflow-x: auto;
}

I've tried a few things to make it work, but without success so far. I'll keep looking a bit more, but some folks with more css expertize could be more helpful.

ntsekouras avatar Feb 29 '24 11:02 ntsekouras

I have a potential fix, will open a PR.

jameskoster avatar Feb 29 '24 12:02 jameskoster