fix(react-headless-components-preview): adopt anchored container queries for arrow placement#36112
Open
mainframev wants to merge 4 commits intomicrosoft:masterfrom
Open
fix(react-headless-components-preview): adopt anchored container queries for arrow placement#36112mainframev wants to merge 4 commits intomicrosoft:masterfrom
mainframev wants to merge 4 commits intomicrosoft:masterfrom
Conversation
mainframev
changed the title
📊 Bundle size report
🤖 This report was generated against 6411342ccfa1a14f414d13af9881c61788bafd7e |
|
Pull request demo site: URL |
mainframev
force-pushed
the
fix/headless-popover-implementation
branch
from
25dee94 to
f815971
Compare
refactor(headless-popover): refactor implementation
mainframev
force-pushed
the
fix/headless-popover-implementation
branch
from
f815971 to
1bd5814
Compare
mainframev
force-pushed
the
fix/headless-popover-implementation
branch
2 times, most recently
from
c18c393 to
3550016
Compare
mainframev
changed the title
mainframev
force-pushed
the
fix/headless-popover-implementation
branch
from
3550016 to
c11b03b
Compare
mainframev
commented
May 6, 2026
|
|
||
| if (win && supportsAnchoredContainerQueries(win)) { | ||
| // Chrome 143+: opt into `@container anchored(fallback: …)` queries. | ||
| node.style.setProperty('container-type', 'anchored'); |
Contributor
Author
There was a problem hiding this comment.
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.
Supports the JS-driven
data-placementattribute as source of truth for popover-arrow styling with a CSS-native solution based on Chrome 143+'s anchored container queries (container-type: anchored+@container anchored(fallback: …)). The placement-observer still runs on older Chromium so arrow direction stays correct on older versions.fix: tightened public type surface for PositioningProps unsupported features
refactored
usePlacementObserverto use a debounce