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

Update length BCD table for new viewport-percentage units #16449

Merged
merged 4 commits into from
May 31, 2022

Conversation

dipikabh
Copy link
Contributor

Summary

  • In Firefox release 101, new viewport sizes have been introduced: small (s), large (l), and dynamic (d).
  • As a result, the existing viewport-percentage length units (vw, vh, vmin, vmax) can have more variants.
    Each can be of the type s, l, d resulting in:
    dvb, dvh, dvi, dvmax, dvmin, dvw,
    lvb, lvh, lvi, lvmax, lvmin, lvw,
    svb, svh, svi, svmax, svmin, svw
  • Also, vb and vi units are now also supported by default in FF and were already supported in Safari, so are longer experimental

Test results and supporting details

https://bugzilla.mozilla.org/show_bug.cgi?id=1610815

Related issues

Doc issue tracking this work: mdn/content#15465
Comment reference: mdn/content#15465 (comment)

@github-actions github-actions bot added the data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label May 27, 2022
},
"firefox_android": {
"version_added": false
"version_added": "19",
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Version 19? Is that correct /where does it come from?

"version_added": false,
"notes": "See <a href='https://bugzil.la/1287034'>bug 1287034</a>."
"version_added": "101",
"notes": "Starting with version 21, viewport-percentage lengths are invalid in <code>@page</code>."
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

What does this mean? i.e. specifically, this comes in at version 101 so why a note about version 21? (everywhere this appears)?

@hamishwillee
Copy link
Collaborator

@queengooborg FYI CanIuse seems to think these new values implemented behind a flag on chrome too https://caniuse.com/viewport-unit-variants - also it gets mentioned on twitter: https://twitter.com/jensimmons/status/1499441043930062854?lang=en

But I can't find a chrome status on this. Do we need to verify with test code or we ignore for now?

@dipikabh
Copy link
Contributor Author

Thanks @hamishwillee for catching the errors (and the unnecessary note) - they were all clear oversight on my part.

@dipikabh
Copy link
Contributor Author

dipikabh commented May 30, 2022

@queengooborg, aside from the changes for the new viewport-percentage units, I just updated the table for the older units lh and rlh. They don't seem to be supported on any browser.
I also opened a similar PR on content to fix the status mdn/content#16790.

@@ -438,8 +438,8 @@
}
},
"status": {
"experimental": false,
"standard_track": true,
"experimental": true,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@dipikabh FYI this is better. Note though that normally we don't record things in BCD unless there is some implementation, so (even though this predates you) @queengooborg may suggest you remove the whole entry.

@hamishwillee
Copy link
Collaborator

Looks great to me, modulo maybe the need to add Chrome (behind flag) and perhaps deleting the features with no implementations.

@queengooborg When you have a chance ...

@queengooborg queengooborg merged commit 09d9511 into mdn:main May 31, 2022
"experimental": false,
"standard_track": true,
"experimental": true,
"standard_track": false,
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The lh unit is defined in https://drafts.csswg.org/css-values/#lh

@dipikabh dipikabh deleted the bcd-new-viewport-units branch February 7, 2023 16:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
data:css 🎨 Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants