Skip to content

Add soft scale animations to Tooltip and Popover - #1138

Open
iu-glints wants to merge 2 commits into
v4from
feat/tooltip-soft-scale
Open

Add soft scale animations to Tooltip and Popover#1138
iu-glints wants to merge 2 commits into
v4from
feat/tooltip-soft-scale

Conversation

@iu-glints

@iu-glints iu-glints commented Sep 1, 2026

Copy link
Copy Markdown
Collaborator

What changed

  • replace the 400ms Tooltip fade with a 240ms soft-scale entrance and 120ms exit
  • add the same 240ms soft-scale entrance to Popover, with a 90ms exit that completes before Polaris unmounts the overlay
  • preserve placement transforms by animating the independent CSS scale property
  • disable motion when prefers-reduced-motion is enabled
  • cover both components’ animation timings and scale endpoints with style tests

Verification

  • yarn test --runInBand src/@next/Popover/PopoverStyle.test.tsx src/@next/Tooltip/TooltipStyle.test.tsx
  • yarn lint:css
  • pre-commit TypeScript lint and Prettier checks
  • yarn build:ts

@iu-glints iu-glints changed the title Add soft scale animation to Tooltip Add soft scale animations to Tooltip and Popover Sep 1, 2026
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

Successfully merging this pull request may close these issues.

1 participant