[csswg-drafts] Hole in CSS rendering model: initial and transitional page paints (#3688)

tantek has just created a new issue for https://github.com/w3c/csswg-drafts:

== Hole in CSS rendering model: initial and transitional page paints ==
Browsers currently paint a window with a default background before/while loading web pages, CSS, and other resources. This happens both upon opening a new window with a URL (initial paint), and when navigating from one page to another (transitional paint), and is currently unspecified by the CSS rendering model.

This hole in the CSS rendering model results in proposals to use meta tags instead, such as viewport, and potentially for a dark mode.

I pointed this out in the discussion on [Issue 3299](https://github.com/w3c/csswg-drafts/issues/3299#issuecomment-467683250) in the [afternoon of 2019-02-26 at the CSSWG meeting](https://www.w3.org/2019/02/27-css-irc#T01-10-35).

Rather than awkwardly punting this area of rendering behavior(s) to an HTML meta tag or other non-CSS solution, CSS should define how browsers should (or at least may) render initial and transitional paints, preferably with a feature that permits author control, especially (at least) between pages of the same origin.

Prior related work:

  * 1997(?) [Internet Explorer 4.0 / Windows: MSDN Interpage Transitions](https://msdn.microsoft.com/en-us/ie/ms533035\(v=vs.94\)#Interpage_Transition) (AKA inter-page transitions) and [MSDN Transitions Reference](https://msdn.microsoft.com/en-us/ie/ms532853\(v=vs.94\)#Transitions)
  * 1998 [CSS Progressive Rendering (Proposal)](https://www.w3.org/Style/Group/1998/09/progrend-19980930) (Posted [1998-09-10 to w3c-css-wg](https://lists.w3.org/Archives/Member/w3c-css-wg/1998JulSep/0228.html)) — both W3C member-only links written by me (Tantek), permission granted to share information at those links publicly.
  * 2015 [[css-nav-trans] RFC: Proposal for style rule to specify transitions between page navigations](https://lists.w3.org/Archives/Public/www-style/2015Jun/0288.html)
    * [gaia-navigator / Gaia Navigator is a partial implementation of a specification proposal for CSS navigation transitions.](https://github.com/Cwiiis/gaia-navigator)
    * [Web Navigation Transitions — Editor’s Draft](http://cwiiis.github.io/gaia-navigator/)
    * [Blog post: Web Navigation Transitions](http://www.chrislord.net/2015/04/24/web-navigation-transitions/)



Anything specified in the CSS rendering model for handling initial and transitional page paints should reference the HTML specification and hook into the DOM and states described in: [HTML Standard: 7.7 Session history and navigation](https://html.spec.whatwg.org/multipage/history.html#history).

Labels: Needs Thought, unknown/future spec

(Originally published at: http://tantek.com/2019/058/b1/hole-css-initial-transitional-page-paints)

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3688 using your GitHub account

Received on Thursday, 28 February 2019 01:14:41 UTC