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

Javascript mixin symbols are not available for the mixed-in CSS #2277

Open
idoros opened this issue Jan 18, 2022 · 0 comments
Open

Javascript mixin symbols are not available for the mixed-in CSS #2277

idoros opened this issue Jan 18, 2022 · 0 comments
Labels
bug Unexpected behavior or exception core Processing and transforming logic mixin CSS and JS Mixins

Comments

@idoros
Copy link
Collaborator

idoros commented Jan 18, 2022

Actual Behavior

Mixing in CSS from Javascript might define symbols that are in use in other positions in the mixin snippet, however, Stylable does not collect symbols from the snippet in order to provide the mixed in snippet transformation. For example animation-name in mixin cannot resolve @keyframes that are defined in the same mixin (see playground)

Expected Behavior

Symbols defined in a Javascript mixin should be available for the mixed-in transformation in addition to the symbols available from the mixed-to stylesheet.

Version

@stylable/core@4.10.2

@idoros idoros added bug Unexpected behavior or exception core Processing and transforming logic mixin CSS and JS Mixins labels Jan 18, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Unexpected behavior or exception core Processing and transforming logic mixin CSS and JS Mixins
Projects
None yet
Development

No branches or pull requests

1 participant