Add AnchoredOverlay outside-top content growth regression fixture#7912
Add AnchoredOverlay outside-top content growth regression fixture#7912siddharthkp wants to merge 5 commits into
Conversation
- Add RepositionAfterContentGrowsWithOutsideTop story to AnchoredOverlay.dev.stories.tsx - Add VRT test for the new story in AnchoredOverlay.test.ts - Remove duplicate SelectPanel story and test
|
|
|
🤖 Lint issues have been automatically fixed and committed to this PR. |
Closes #
This PR adds a fixture story and VRT test to reproduce and guard against a visual regression where AnchoredOverlay with
side="outside-top"and async-loading content briefly flickers downward before repositioning upward.The bug:
When content loads asynchronously inside an outside-top anchored overlay:
This PR:
RepositionAfterContentGrowsWithOutsideTopstory toAnchoredOverlay.dev.stories.tsxNote: With CSS anchor positioning (
primer_react_css_anchor_positioningflag enabled), the browser handles positioning natively viabottom: anchor(top)which causes content to grow upward naturally — no flicker. The bug only affects the JS positioning fallback path.Changelog
New
AnchoredOverlay.dev.stories.tsx: AddedRepositionAfterContentGrowsWithOutsideTopstoryChanged
Removed
Rollout strategy
Testing & Reviewing
primer_react_css_anchor_positioning: trueglobals, the flicker should not occurMerge checklist