N
NuxtRager

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?
P
pyplacca16d ago
Seems like a z-index and/or positioning - of the buttons - problem
R
Rager16d ago
Correction, it’s only the icon of the button Weird
P
pyplacca16d ago
The icon might have it’s position set to absolute with a higher stacking context
R
Rager16d ago
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
P
pyplacca16d ago
Did this solve the issue?
R
Rager16d ago
Weird Using the z-100 tailwind class doesn’t work But using z-[100] does
P
pyplacca16d ago
That’s because tailwind doesn’t have a built in z-100 class
R
Rager16d ago
Oh I’m dumb Ok
P
pyplacca16d ago
I’ve been there 😅
Want results from more Discord servers?
Add your server
More Posts
Pinia as a layerHi, I’m learning pinia, and I like it so much I thought it should be a layer. Does it makes sense? IFetchError typeI've seen `import type { FetchError } from 'ofetch'`, what what's the correct module when handling `How to import functions in a .vue component from a .js file?import { myfunctions} from "/js/stats.js" doesnt work for me: Error 500 __vite_ssr_import_7__.defauskeleton does not work on dynamic routesguys, can anyone help me? the skeleton is appearing on the main page but on the page where the produhow to generate static HTML pages just for some of the routesI'm trying to generate 4 static HTML pages from a huge list of routes that the app has But I only seUDashboardPanel footer (@nuxt/ui-pro)I'm trying to put a footer on the main (`grow` enabled) panel but I can't get the css right. in the useRuntimeConfig() is returning undefined valuesIn my `.env` file I have something like this: ``` NUXT_PUBLIC_LOGIN_DOMAINS="domain1.com,domain2.co@nuxt/eslint autofix?when using `@nuxt/eslint` instead of the old `@nuxtjs/eslint-module` how does one enable autofix? `Check whether any page has fully mounted from the root App.vueSome of my pages have a ```ts definePageMeta({ hideSidebar: true }) ``` which sets the `hideSidebarGetting error "Component is already mounted" when using "useFetch()" and changing route.I am getting the error in my console: ``` [nuxt] [useFetch] Component is already mounted, please uHelp with postinstall: sh: nuxt: not foundHello, I need help with a concern I have regarding the `postinstall` script that runs `nuxt prepare`Types errors in Storybook and tests after upgrade nuxt to 3.11.0Hello there! I upgrade the nuxt version from 3.9.0 to 3.11.0, but now when I run `npm run tsc` I geNuxt eslint module helpI'm joining a new nuxt project that have vue3 eslint plugin, does the Nuxt Eslint Module replace theTailwind CSS errorKeep getting this error in my Nuxt project on saveRouting to another page leads to null parent node errorWhen converting a Vue app to Nuxt and after following directory and layout structures, routing leadsi18n doesn't work with 3.11I already reported a bug for it, just wanted to post for posterity. When using `getRoutseBaseName`,eslint vs typescript 5.45.4.3 is being pulled by nuxt but eslint doesn't like it even if I explictly install the latest `vituseNuxtApp doesn't have my custom pluginsThere are no my custom plugins inside the useNuxtApp hook, they just don't show up.Middleware called 3 times instead of 2 ? (stackblitz reproduction)Can you tell me why my middleware is called 3 times ? https://stackblitz.com/edit/github-3enzca-ixdadd class to default root div __nuxtHi, I'm migrating a VUE 3 SSR project to Nuxt 3 and saw that Nuxt adds a rot div that we don't have