UButton showing over sticky header
I have a table and one of the columns is filled with Nuxt UI buttons. I have a sticky header for this table and everything works with the header just fine except the buttons. The buttons overlap on top of the table when scrolling so it doesn’t look right. Is there a tailwind class I need to use or something?
9 Replies
Seems like a z-index and/or positioning - of the buttons - problem
Correction, it’s only the icon of the button
Weird
The icon might have it’s position set to absolute with a higher stacking context
Yeah I had to set the z index of my header to 1000
Setting the z index of the button to -1 didn’t work
Did this solve the issue?
Weird
Using the z-100 tailwind class doesn’t work
But using z-[100] does
That’s because tailwind doesn’t have a built in z-100 class
Oh I’m dumb
Ok
I’ve been there 😅