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
Hidden 1px button break layout #1491
Comments
Hey! Thank you for your bug report! Aha, good catch. The issue is that you are using a very old version of Tailwind CSS, in fact you are referencing the
The issue with that version is that it is defining the .space-y-10 > :not(template) ~ :not(template) {} Whereas the newest Tailwind CSS is using this instead: .space-y-10 > :not([hidden]) ~ :not([hidden]) {} This is where we check for the That said this is an implementation detail and shouldn't cause issues so a fix will be ready in #1493 Either way, in both cases I would recommend you to use So some action points for you:
|
If some of headlessui componens (that created this button) placed inside container with
flex space-*
classes, then first element will be hidden button, and all others will get margin:Code example: https://codesandbox.io/s/loving-water-5s30ee
The text was updated successfully, but these errors were encountered: