height changing on transition when it's not expected
Hey folks can anyone explain this issue right here https://play.tailwindcss.com/B78fB3wSNF whenever I hover or focus on the link I see scale transition which is expected but I also see the height changing but adding
after:will-change-transform fixes the issue so can anyone explain why height is changing in transitionTailwind Play
Tailwind Play
An advanced online playground for Tailwind CSS that lets you use all of Tailwind's build-time features directly in the browser.
19 Replies
I'm not seeing any height changing.
Where are you seeing it? Can you attach a screen capture video?
same
you can clearly see the in the video that during start and running of transition highlight element is thick while at the end it becomes thin
I am not seeing that on Chrome or Firefox (tested on Mac)
(I slowed the transition down for the video just to be sure)
What browser are you seeing this on?
i need to visit eye doctor i can't see that
i even slowed down the transition
are you saying that I gave you wrong video
no, I can see it on your video. I just don't see it when testing on my computer
I just found that this issue is with only edge
I tried same thing right now in zen it works fine there
I wonder why it's happening in edge not in other browsers
it all works fine for me in chrome zen and edge
works fine for me in Edge too. I can't get it to load at all in Safari but that is probably more a tailwindplay issue than the specific code.
my bad I should have checked in other browsers also
hmm that's strange in my edge this issue is happening while not in yours what build you are running
I'm running 135.0.3179.52 (Official build) beta (64-bit)
I am on an old version of Edge as I can't update it any more due to my old computer 😢
my edge is 134.0.3124.93 it says it's up to date
Version 128.0.2739.67 (Official build) (x86_64)
maybe a bug in build
your edge is on beta branch
I know that but didn't thinked that this can cause this issue
alright now we know the actual reason we can close this post