css flicker about xwind HOT 2 CLOSED

Hey, Interesting find!

Looks like this problem is caused by the space-y-20 class used in the index.js file of the example.
Removing the space-y-20 classes will stop the flickering (content shifting).
This might be an Emotion bug and possibly related to this issue.

This is the CSS defined for the space-y-20 class and causes Emotion to content shift.

.space-y-20 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-y-reverse: 0;
  margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
  margin-bottom: calc(5rem * var(--tw-space-y-reverse))
}

Not sure if I can help you further since this is not an issue with xwind.

from xwind.

Ah, doh! Sorry about that, totally missed the space-y causing the jump! Thanks for the help!

from xwind.