Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Problem with fixed inside @container query #11872

Closed
Luxemburgo opened this issue Aug 22, 2023 · 1 comment
Closed

Problem with fixed inside @container query #11872

Luxemburgo opened this issue Aug 22, 2023 · 1 comment

Comments

@Luxemburgo
Copy link

What version of Tailwind CSS are you using?

v3.3.3

What browser are you using?

Chrome, Edge, Firefox

What operating system are you using?

Windows, Android

Reproduction URL

https://play.tailwindcss.com/LLf0eoCuKG

Describe your issue

The fixed utility is beheaving as absolute when present as a descendant of an element with @container class. It's seems an issue with "container-type: inline-size;" rule.

@adamwathan
Copy link
Member

Hey! It looks like this is just how this behaves in CSS I'm afraid — can see the same behavior here with totally vanilla CSS and no Tailwind at all:

https://jsfiddle.net/w1pm2qen/7/

So not much we can really do here, at the end of the day Tailwind is just a bunch of classes setting CSS properties so what those properties do in CSS is what they are going to do in Tailwind.

Here's a relevant Stack Overflow question that talks about this behavior:

https://stackoverflow.com/questions/74601420/css-container-inline-size-and-fixed-child

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants