Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Viewport concepts presents conflicting definitions and odd language #33011

Open
smith558 opened this issue Apr 9, 2024 · 1 comment
Open
Assignees
Labels
Content:CSS Cascading Style Sheets docs

Comments

@smith558
Copy link
Contributor

smith558 commented Apr 9, 2024

MDN URL

https://developer.mozilla.org/en-US/docs/Web/CSS/Viewport_concepts

What specific section or headline is this issue about?

Viewport concepts

What information was incorrect, unhelpful, or incomplete?

The articles seems to mix up ideas and provide conflicting definitions.
E.g.

  • On larger monitors where applications aren't necessarily full screen, the viewport is the size of the browser window.
  • On most mobile devices and when the browser is in fullscreen mode, the viewport is the entire screen.
  • In fullscreen mode, the viewport is the device screen, the window is the browser window, which can be as big as the viewport or smaller, and the document is the website, which can be much taller or wider than the viewport.

Additionally, some of the language form is rather odd/awkward, e.g.

width of the outside of the browser window including all the window chrome.

What did you expect to see?

Clear explanations of the main concept of the article, if using/explaining other terms/concepts, linking to their definitions and/or using them in consistent way. Simple and grammar-correct language use.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

@smith558 smith558 added the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Apr 9, 2024
@github-actions github-actions bot added the Content:CSS Cascading Style Sheets docs label Apr 9, 2024
@bsmth
Copy link
Member

bsmth commented Apr 19, 2024

Thanks a lot for raising this one. The page at https://developer.mozilla.org/en-US/docs/Web/CSS/CSSOM_view/Coordinate_systems recently had some improvements, do you think that's clearer in illustrating what the viewport is? I think the diagram might help, or cross-linking to it. Let me know what you think! :)

@bsmth bsmth removed the needs triage Triage needed by staff and/or partners. Automatically applied when an issue is opened. label Apr 19, 2024
@bsmth bsmth self-assigned this Apr 19, 2024
@Josh-Cena Josh-Cena changed the title Quality issues Jun 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Content:CSS Cascading Style Sheets docs
2 participants