[mrks_]

Too bad more people aren't reading this before whingeing in the comments.

[bhauer]

Well, except that the default behavior pulls the background color into the irregular areas, which will probably yield some unexpected and less than desired results for sites that don't expect the background color to fill space to the left and right of the content.

I think a more sensible default would have been to fill the irregular space with black to create a letterboxed appearance. Basically reduce the irregular space to inactive unless specifically requested by the site's designer.

[amelius]

Yes, black with system icons would have been better.

PS: Does it also extend the "background-image" property?

[didgeoridoo]

After a bit of experimentation, this seems to work to create a letterbox (really pillarbox) effect, as long as you don't add their new viewport-fit property.

  html {
    background-color: black;
  }

[jclardy]

Yeah, I really don't understand Apple's aversion to using black on their first phone with an OLED display. Nearly all of Apple's built in apps have kept their bright white UI's.

[johansch]

Ives is kinda obsessed with white in case you hadn't noticed.

[mrks_]

There are a fair amount of reasonable concerns and suggestions in this thread (at least, now there are).

I agree, I would've liked to see a letterboxed solution, similar to what they do for fullscreen video.

[robocat]

I believe the same colour is used to fill the blank area due to scroll bounce.