Contact emailsikilpatr...@chromium.org, ko...@chromium.org, xiaoche...@chromium.org
Explainer https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSAnchoredPositioning/explainer.md Specificationhttps://tabatkins.github.io/specs/css-anchor-position Summary Anchor positioning allows a positioned element to size and position itself relative to one or more "anchor elements" elsewhere on the page, possibly constrained by the container or viewport. A typical use case is to "pin" a popup to the button that opens it. Blink componentBlink>Layout <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ELayout> Motivation When building interactive components or applications, authors frequently want to leverage UI elements that can render in a "top-layer", and wish to "pin" or "anchor" such top-layer UI to a point on another element, referred to here as an "anchor element". How the top-layer UI is positioned with respect to its anchor element is further influenced or constrained by the edges of the container. CSS Anchor Positioning provides native support for such use cases. Initial public proposal https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSAnchoredPositioning/explainer.md Search tagscss <https://chromestatus.com/features#tags:css>, anchor <https://chromestatus.com/features#tags:anchor>, position <https://chromestatus.com/features#tags:position> TAG review TAG review statusPending Risks Interoperability and Compatibility Gecko: No signal WebKit: No signal Web developers: No signals Other signals: WebView application risks Does this intent deprecate or change behavior of existing APIs, such that it has potentially high risk for Android WebView-based applications? No. Debuggability In addition to the standard CSS & Layout support, DevTools should be able to show which fallback positioning an anchor-positioned element is using. Is this feature fully tested by web-platform-tests <https://chromium.googlesource.com/chromium/src/+/main/docs/testing/web_platform_tests.md> ?No Flag name Requires code in //chrome?False Tracking bughttps://bugs.chromium.org/p/chromium/issues/detail?id=1309178 Estimated milestones No milestones specified Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5124922471874560 This intent message was generated by Chrome Platform Status <https://chromestatus.com/>. -- You received this message because you are subscribed to the Google Groups "blink-dev" group. To unsubscribe from this group and stop receiving emails from it, send an email to blink-dev+unsubscr...@chromium.org. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CAFqEGhZguUu55CqSUTJ5gUpMG0%2B_yyMFMTFMs5tW%3D7dpquYdtA%40mail.gmail.com.