Skip to content

css.at-rules.media.display-mode - Incomplete Safari Support #18807

@mt-xing

Description

@mt-xing

What type of issue is this?

Incorrect support data (ex. Chrome says "86" but support was added in "40")

What information was incorrect, unhelpful, or incomplete?

Page claims full support for display-mode media query in Safari but Safari does not support display-mode: fullscreen.

Discussed on this StackOverflow post: https://stackoverflow.com/questions/71691474/css-media-query-display-mode-fullscreen-does-not-work-on-safari and can be reproduced in browser on Safari 16.3 on macOS Ventura.

What browsers does this problem apply to, if applicable?

Safari

What did you expect to see?

Indication of incomplete Safari support

Did you test this? If so, how?

Yes. Open latest Safari on latest macOS. Force the page into fullscreen by calling document.documentElement.webkitRequestFullscreen() after a page interaction (easiest way is to attach it to an event listener like click, but you could also mockup a button to do it). Then check the media query display-mode:fullscreen and note that it incorrectly returns false.

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

https://stackoverflow.com/questions/71691474/css-media-query-display-mode-fullscreen-does-not-work-on-safari

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/@media/display-mode

MDN metadata

MDN page report details
  • Query: css.at-rules.media.display-mode
  • Report started: 2023-02-01T17:11:57.944Z

Metadata

Metadata

Assignees

No one assigned

    Labels

    data:cssCompat data for CSS features. https://developer.mozilla.org/docs/Web/CSS

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions