Stop the tooltip sliding in from the window corner - #385
Merged
Conversation
Tailwind v4 compiles duration-150 to both --tw-duration and a real transition-duration, and nothing resets transition-property, so it stays at its initial value of all. The tooltip is positioned with inline top/left, which sit at 0,0 until floating-ui measures a frame later, so the browser transitioned the popover across the viewport to its anchor. transition-none on the floating element makes the transition longhands inert while duration-150 and ease-out still feed the enter animation. Four other components pair animate-in with a bare duration-*, so they carry the same live transition: all. None changes an inline geometric property on mount, so none misbehaves today, but the trap is identical and they get the same guard. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Tooltips visibly travelled from the top-left of the window to their anchor when they opened.
Tailwind v4 compiles
duration-150to both--tw-durationand a realtransition-duration, and nothing resetstransition-property, so it stays at its initial value ofall. The floating element is positioned with inlinetop/left, which sit at0,0until floating-ui measures a frame later. The browser therefore transitioned the popover across the viewport. Theenterkeyframes only touch opacity, transform and filter, so the animation was never involved.transition-noneon the floating element makes the transition longhands inert, whileduration-150andease-outstill feed the enter animation through--tw-durationand--tw-ease.Four other components pair
animate-inwith a bareduration-*and so carry the same livetransition: all:Modal,ActiveFilterBar,NewsTimelineandDefenseTurn. None changes an inline geometric property on mount, so none misbehaves today, but the trap is identical and they get the same guard.🤖 Generated with Claude Code