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.

Sign up for GitHub

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

Jump to bottom

A new page for Grid track animation should be added #6298

Open
jensimmons opened this issue Jun 8, 2022 · 0 comments
Open

A new page for Grid track animation should be added #6298

jensimmons opened this issue Jun 8, 2022 · 0 comments
Labels
Support data suggestion

Comments

@jensimmons
Copy link
Contributor

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 and grid-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.
jensimmons added a commit to jensimmons/caniuse that referenced this issue Jun 9, 2022
@jensimmons
Adding new page for CSS Grid Animation support
f1bbd65 
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 jensimmons mentioned this issue Jun 9, 2022
Closed
jensimmons added a commit to jensimmons/caniuse that referenced this issue Jun 9, 2022
@jensimmons
Adding new page for CSS Grid Animation support
cf1350c 
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 jensimmons mentioned this issue Jun 9, 2022
Closed
jensimmons added a commit to jensimmons/caniuse that referenced this issue Jun 10, 2022
@jensimmons
Creating new page for CSS Grid Animations
737d423 
Starting over. Let see if this works. 
As discussed in Fyrd#6298.
@jensimmons jensimmons mentioned this issue Jun 10, 2022
Merged
Fyrd pushed a commit that referenced this issue Jun 17, 2022
@jensimmons
Creating new page for CSS Grid Animations (#6321)
3778902 
* 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
Labels
Support data suggestion
2 participants
@jensimmons @Fyrd