css.at-rules.starting-style - Safari only applies rule on load and not on new elements added to the DOM #25643
Labels
data:css
Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS
What type of issue is this?
Browser bug (a bug with a feature that may impact site compatibility)
What information was incorrect, unhelpful, or incomplete?
Safari is reported to support this but I do not believe it does.
What browsers does this problem apply to, if applicable?
Safari (I am using 17.6)
What did you expect to see?
When I added a square to the DOM, it should have applied the
@starting-styles
. It did not. It did apply them on load, but not on add.Did you test this? If so, how?
I tested it by running this code through Live Server within Safari and Chrome. You will want to pull it up then navigate to the /transitions page. This is part of a course I am taking on Udemy.
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
No, I think Safari is probably a private repo. Here is the MDN page though: https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style
Do you have anything more you want to share?
starting-styles-safari-chrome.mov
MDN URL
https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style
MDN metadata
MDN page report details
css.at-rules.starting-style
The text was updated successfully, but these errors were encountered: