New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 822693 link

Starred by 4 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Android
Pri: 2
Type: Feature



Sign in to add a comment

Support css-variables and safe-area

Project Member Reported by stillers@google.com, Mar 16 2018

Issue description

Chrome Version: 64.0.3282.186
OS: NA

Recent Android devices contain displays with notches. Chrome does not support such displays. (For example, it is not possible to create web content with a background image that fills the entire display, but with text that is guaranteed to avoid the notches.)

Android P will fully support cutouts (potentially even multiple cutouts?), so it would be good to have Chrome support this when it's released.

https://webkit.org/blog/7929/designing-websites-for-iphone-x/ — WebKit's system for supporting the notch on the iPhone X, using safe-area-* variables
https://www.w3.org/TR/css-round-display/ — potentially related specification (especially viewport-fit=cover)
https://developer.android.com/preview/features.html#cutout — information about Android's support for cutouts
 
Components: -Blink Blink>Layout

Comment 2 by e...@chromium.org, Mar 21 2018

Cc: tabatkins@chromium.org futhark@chromium.org
Components: -Blink>Layout Blink>CSS
Status: Available (was: Untriaged)
Summary: Support css-variables (was: Support displays with cutouts/notches/safe areas)
Spec discussion: https://github.com/w3c/csswg-drafts/pull/1817

Comment 3 by e...@chromium.org, Mar 21 2018

Summary: Support css-variables and safe-area (was: Support css-variables)
Any change the dev tools device emulator can have notches added?
It's good that the Android P developer options have an option, but it would be a better development experience to have them in the dev tools too.

Sign in to add a comment