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

[css-transitions]: Add keyword for adding transitions to existing ones #10710

Closed
SetTrend opened this issue Aug 7, 2024 · 3 comments
Closed

Comments

@SetTrend
Copy link

SetTrend commented Aug 7, 2024

Current Situation

Currently, in the following example, the second rule will overwrite the first one:

transition: opacity 400ms ease;
transition: left 350ms ease;

So, only transition: left 350ms ease; will be in effect. transition: opacity 400ms ease; will be ignored

Desired Situation

Please add an add keyword to the different transition properties (incl. the shorthand property), so existing transition rules will remain intact while new transitions may be added independently from existing transitions.

Example

transition: opacity 400ms ease;
transition: add left 350ms ease;
            ‾‾‾

… would yield the same result as:

transition: opacity 400ms ease
          , left 350ms ease;
@birtles
Copy link
Contributor

birtles commented Aug 9, 2024

I think this use case applies to many CSS properties, particularly list-based properties. See the discussion in #1594. If you don't mind, I'd suggest closing this issue in favor of that one.

@tabatkins
Copy link
Member

tabatkins commented Aug 9, 2024

Yup, this is a more general issue we've never successfully solved (and trying to solve it for just this case isn't any simpler than solving it for everything). So, closing as dupe.

@SetTrend
Copy link
Author

Thanks for pointing me!

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

3 participants