Skip to content

Commit a1518fe

Browse files
ddbeckddbeck
authored
Break out display-mode values' support (#28868)
1 parent a809449 commit a1518fe

File tree

1 file changed

+214
-13
lines changed

1 file changed

+214
-13
lines changed

‎css/at-rules/media.json‎

Lines changed: 214 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -524,20 +524,9 @@
524524
"chrome_android": "mirror",
525525
"edge": "mirror",
526526
"firefox": {
527-
"version_added": "47",
528-
"notes": "Firefox 47 and later support `display-mode` values `fullscreen` and `browser`. Firefox 57 added support for `minimal-ui` and `standalone` values."
527+
"version_added": "47"
529528
},
530-
"firefox_android": [
531-
{
532-
"version_added": "116"
533-
},
534-
{
535-
"version_added": "47",
536-
"version_removed": "116",
537-
"partial_implementation": true,
538-
"notes": "Only supports the `browser` value, which always reports `true`."
539-
}
540-
],
529+
"firefox_android": "mirror",
541530
"oculus": "mirror",
542531
"opera": "mirror",
543532
"opera_android": "mirror",
@@ -557,6 +546,142 @@
557546
"deprecated": false
558547
}
559548
},
549+
"browser": {
550+
"__compat": {
551+
"description": "`browser` value",
552+
"spec_url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-browser",
553+
"support": {
554+
"chrome": {
555+
"version_added": "42"
556+
},
557+
"chrome_android": "mirror",
558+
"edge": "mirror",
559+
"firefox": {
560+
"version_added": "47"
561+
},
562+
"firefox_android": [
563+
{
564+
"version_added": "116"
565+
},
566+
{
567+
"version_added": "47",
568+
"version_removed": "116",
569+
"partial_implementation": true,
570+
"notes": "`display-mode: browser` is always true."
571+
}
572+
],
573+
"oculus": "mirror",
574+
"opera": "mirror",
575+
"opera_android": "mirror",
576+
"safari": {
577+
"version_added": "13",
578+
"notes": "In a Safari browser window, `display-mode: browser` is always true, even in a macOS Full Screen window or when using the Fullscreen API. In an installed web application, other `display-mode` values are true only when given by a supported manifest `display` member value. See [mdn/browser-compat-data#18807 (comment)](https://github.com/mdn/browser-compat-data/issues/18807#issuecomment-2607031785)."
579+
},
580+
"safari_ios": {
581+
"version_added": "12.2",
582+
"notes": "In the Safari app, `display-mode: browser` is always true, even when using the Fullscreen API. In an installed web application, other `display-mode` values are true only when given by a supported manifest `display` member value. See [mdn/browser-compat-data#18807 (comment)](https://github.com/mdn/browser-compat-data/issues/18807#issuecomment-2607031785)."
583+
},
584+
"samsunginternet_android": "mirror",
585+
"webview_android": "mirror",
586+
"webview_ios": "mirror"
587+
},
588+
"status": {
589+
"experimental": false,
590+
"standard_track": true,
591+
"deprecated": false
592+
}
593+
}
594+
},
595+
"fullscreen": {
596+
"__compat": {
597+
"description": "`fullscreen` value",
598+
"spec_url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-fullscreen",
599+
"support": {
600+
"chrome": {
601+
"version_added": "47"
602+
},
603+
"chrome_android": {
604+
"version_added": false,
605+
"impl_url": "https://crbug.com/40831406"
606+
},
607+
"edge": "mirror",
608+
"firefox": {
609+
"version_added": "47",
610+
"partial_implementation": true,
611+
"notes": "In Firefox's \"Full Screen\" user interface, browser tabs and other user interface appear but `display-mode: fullscreen` is true."
612+
},
613+
"firefox_android": {
614+
"version_added": "116"
615+
},
616+
"oculus": "mirror",
617+
"opera": {
618+
"version_added": false
619+
},
620+
"opera_android": "mirror",
621+
"safari": {
622+
"version_added": "13",
623+
"partial_implementation": true,
624+
"notes": "In a Safari browser window, `display-mode: fullscreen` is never true, even when using the Fullscreen API. See [mdn/browser-compat-data#18807 (comment)](https://github.com/mdn/browser-compat-data/issues/18807#issuecomment-2607031785)."
625+
},
626+
"safari_ios": {
627+
"version_added": "12.2",
628+
"partial_implementation": true,
629+
"notes": [
630+
"In the Safari app, `display-mode: fullscreen` is never true, even when using the Fullscreen API. See [mdn/browser-compat-data#18807 (comment)](https://github.com/mdn/browser-compat-data/issues/18807#issuecomment-2607031785).",
631+
"In an installed web application with the `display` manifest member set to `standalone`, `display-mode: fullscreen` is true, even though the system status bar is visible. See [bug 264218](https://webkit.org/b/264218)."
632+
]
633+
},
634+
"samsunginternet_android": "mirror",
635+
"webview_android": "mirror",
636+
"webview_ios": "mirror"
637+
},
638+
"status": {
639+
"experimental": false,
640+
"standard_track": true,
641+
"deprecated": false
642+
}
643+
}
644+
},
645+
"minimal-ui": {
646+
"__compat": {
647+
"description": "`minimal-ui` value",
648+
"spec_url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-minimal-ui",
649+
"support": {
650+
"chrome": {
651+
"version_added": "42"
652+
},
653+
"chrome_android": "mirror",
654+
"edge": "mirror",
655+
"firefox": {
656+
"version_added": "57",
657+
"notes": "`display-mode: minimal-ui` is never true."
658+
},
659+
"firefox_android": {
660+
"version_added": "116"
661+
},
662+
"oculus": "mirror",
663+
"opera": "mirror",
664+
"opera_android": "mirror",
665+
"safari": {
666+
"version_added": "13",
667+
"notes": "`display-mode: minimal-ui` is never true."
668+
},
669+
"safari_ios": {
670+
"version_added": "12.2",
671+
"partial_implementation": true,
672+
"notes": "`display-mode: minimal-ui` is never true."
673+
},
674+
"samsunginternet_android": "mirror",
675+
"webview_android": "mirror",
676+
"webview_ios": "mirror"
677+
},
678+
"status": {
679+
"experimental": false,
680+
"standard_track": true,
681+
"deprecated": false
682+
}
683+
}
684+
},
560685
"picture-in-picture": {
561686
"__compat": {
562687
"description": "`picture-in-picture` value",
@@ -594,6 +719,82 @@
594719
"deprecated": false
595720
}
596721
}
722+
},
723+
"standalone": {
724+
"__compat": {
725+
"description": "`standalone` value",
726+
"spec_url": "https://drafts.csswg.org/mediaqueries-5/#valdef-media-display-mode-standalone",
727+
"support": {
728+
"chrome": {
729+
"version_added": "42"
730+
},
731+
"chrome_android": "mirror",
732+
"edge": "mirror",
733+
"firefox": {
734+
"version_added": "57",
735+
"notes": "`display-mode: standalone` is never true."
736+
},
737+
"firefox_android": {
738+
"version_added": "116"
739+
},
740+
"oculus": "mirror",
741+
"opera": "mirror",
742+
"opera_android": "mirror",
743+
"safari": {
744+
"version_added": "13"
745+
},
746+
"safari_ios": {
747+
"version_added": "12.2",
748+
"partial_implementation": true,
749+
"notes": "In an installed web application with the `display` manifest member set to `standalone`, `display-mode: standalone` is false and `display-mode: fullscreen` is true. See [bug 264218](https://webkit.org/b/264218)."
750+
},
751+
"samsunginternet_android": "mirror",
752+
"webview_android": "mirror",
753+
"webview_ios": "mirror"
754+
},
755+
"status": {
756+
"experimental": false,
757+
"standard_track": true,
758+
"deprecated": false
759+
}
760+
}
761+
},
762+
"window-controls-overlay": {
763+
"__compat": {
764+
"description": "`window-controls-overlay` value",
765+
"spec_url": "https://wicg.github.io/window-controls-overlay/#addition-of-new-window-controls-overlay-display-mode",
766+
"tags": [
767+
"web-features:window-controls-overlay"
768+
],
769+
"support": {
770+
"chrome": {
771+
"version_added": "105"
772+
},
773+
"chrome_android": {
774+
"version_added": false
775+
},
776+
"edge": "mirror",
777+
"firefox": {
778+
"version_added": false
779+
},
780+
"firefox_android": "mirror",
781+
"oculus": "mirror",
782+
"opera": "mirror",
783+
"opera_android": "mirror",
784+
"safari": {
785+
"version_added": false
786+
},
787+
"safari_ios": "mirror",
788+
"samsunginternet_android": "mirror",
789+
"webview_android": "mirror",
790+
"webview_ios": "mirror"
791+
},
792+
"status": {
793+
"experimental": true,
794+
"standard_track": true,
795+
"deprecated": false
796+
}
797+
}
597798
}
598799
},
599800
"dynamic-range": {

0 commit comments

Comments
 (0)