overlay

Developer use cases

• While the overlay property is almost useless because developers can't change the open state for dialogs and popovers from their code editors. The property itself combined with animating display none and content-visibility hidden for popovers, dialogs and other popup elements with the @starting-style rule will be useful to developers can use to have a smooth transition within the top layer from the ::backdrop pseudo element. Thus animating display animating display none and content-visibility hidden for popovers, dialogs and other popup elements will feel incomplete without the overlay property that developers use in transitions. All of the browsers have support for the transition-behavior property for discrete animations and the @starting-style rule to apply styles before rendering the page. Chromium Browsers with Safari have full support animating display none and content-visibility hidden for popovers, dialogs and other popup elements, but Firefox does not (though their developers have been working on it and are prototyping it which it can be enable by this flag layout.css.display-animations.enabled Chromium Browsers are the only browsers that support the full set of animating display none and content-visibility hidden with the overlay property for dialogs. As of the moment developers are happy that we can animate display and discrete animations on the web. It would be nice if we can animate the backdrop and top layer over the content of the web.

  While the overlay property is almost useless because developers can't change the open state for dialogs and popovers from their code editors. The property itself combined with animating display none and content-visibility hidden for popovers, dialogs and other popup elements with the @starting-style rule will be useful to developers can use to have a smooth transition within the top layer from the ::backdrop pseudo element. Thus animating display animating display none and content-visibility hidden for popovers, dialogs and other popup elements will feel incomplete without the overlay property that developers use in transitions. All of the browsers have support for the transition-behavior property for discrete animations and the @starting-style rule to apply styles before rendering the page. Chromium Browsers with Safari have full support animating display none and content-visibility hidden for popovers, dialogs and other popup elements, but Firefox does not (though their developers have been working on it and are prototyping it which it can be enable by this flag layout.css.display-animations.enabled Chromium Browsers are the only browsers that support the full set of animating display none and content-visibility hidden with the overlay property for dialogs. As of the moment developers are happy that we can animate display and discrete animations on the web. It would be nice if we can animate the backdrop and top layer over the content of the web. [see original comment]