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

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

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 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
Projects
None yet
Development

No branches or pull requests

2 participants