-
-
Notifications
You must be signed in to change notification settings - Fork 1.4k
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
A new page for Grid track animation should be added #6298
Labels
Comments
jensimmons
added a commit
to jensimmons/caniuse
that referenced
this issue
Jun 9, 2022
As discussed in Fyrd#6298. Supported in Firefox since FF66. https://hacks.mozilla.org/2019/03/firefox-66-the-sound-of-silence/ Supported in Safari 16 and STP. https://developer.apple.com/documentation/safari-release-notes/safari-16-release-notes Not supported in Chromium browsers (I tested using CodePen demo at https://css-irl.info/animating-css-grid/)
jensimmons
added a commit
to jensimmons/caniuse
that referenced
this issue
Jun 9, 2022
Attempt No 2. As discussed in Fyrd#6298. Supported in Firefox since FF66. https://hacks.mozilla.org/2019/03/firefox-66-the-sound-of-silence/ Supported in Safari 16 and STP. https://developer.apple.com/documentation/safari-release-notes/safari-16-release-notes Not supported in Chromium browsers (I tested using CodePen demo at https://css-irl.info/animating-css-grid/)
jensimmons
added a commit
to jensimmons/caniuse
that referenced
this issue
Jun 10, 2022
Starting over. Let see if this works. As discussed in Fyrd#6298.
Fyrd
pushed a commit
that referenced
this issue
Jun 17, 2022
* Creating new page for CSS Grid Animations Starting over. Let see if this works. As discussed in #6298. * Removing parentfeatureid To see if the PR will pass the tests now. * Animating Grid tracks is also supported on iOS I forgot to include iOS support. (Remembered Firefox on Android!) Fixing that now.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
There's a page for CSS Grid (level 2) and a page for Subgrid (Grid level 2). But something that browsers did not universally ship with Grid 1 in 2017 is the ability to animate grid track (
grid-template-columns
andgrid-template-rows
).Firefox added this ability sometime in early 2019. (It landed in Firefox Nightly in Jan 2019). Safari is adding this ability in Safari 16, and already added it to STP.
There is not anyplace to look up support for animating Grid tracks. MDN lists support for the properties, but only has a small note that these are CSS properties that should be animatable. Can I Use is the perfect place to store this data, especially now that broader support will bring more attention to the idea of making content move by using grids + animation.
The text was updated successfully, but these errors were encountered: