Contact [email protected], [email protected] Explainer https://github.com/chrishtr/rendering/blob/master/entry-exit-animations.md
Specification Summary Introduce a top-layer property to allow authors to keep elements in the top layer for an exit transition. The top-layer property is added to indicate if an element is in the top layer or not. It can take two values: 'none', 'browser'. User agent stylesheets add !important rules to control whether elements are rendered in the top layer or not, and not let author styles override. However, authors can add top-layer to the list of transition-properties for an element to defer the removal from the top-layer for the duration of the transition. That way the author can do exit transitions for elements like dialogs: transition-property: top-layer transition-duration: 0.4s Blink componentBlink>CSS <https://bugs.chromium.org/p/chromium/issues/list?q=component:Blink%3ECSS> Motivation It is currently not possible for authors to do exit transitions of things like modal dialogs in the top layer because the elements are immediately removed from the top layer. Adding this property will allow for authors to defer the removal while running a CSS transition. Initial public proposalhttps://github.com/w3c/csswg-drafts/issues/8189 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? Debuggability 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://crbug.com/1411264 Estimated milestones No milestones specified Link to entry on the Chrome Platform Status https://chromestatus.com/feature/5138724910792704 This intent message was generated by Chrome Platform Status <https://chromestatus.com/>. -- Rune Lillesveen -- 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 [email protected]. To view this discussion on the web visit https://groups.google.com/a/chromium.org/d/msgid/blink-dev/CACuPfeR6ez7uK%2Bw2dNKxV2Bj_mv0F3eKHScYnxziaRUMdfpz%2Bw%40mail.gmail.com.
