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

View Transition pseudo-elements with pseudo-class marked as invalid #443

Closed
chriskirknielsen opened this issue Mar 13, 2023 · 1 comment
Closed

Comments

@chriskirknielsen
Copy link

chriskirknielsen commented Mar 13, 2023

Hi there,

I've started playing around with the View Transition API, which allows selectors that are a little novel, such as ::view-transition-group:has(::view-transition-new(*):only-child).

However, when trying to run minification on my styles, an error is thrown:

Invalid pseudo class after pseudo element, only user action pseudo classes (e.g. :hover, :active) are allowed (via SyntaxError)

Here is a simple demo to reproduce it:

::view-transition-new(*):only-child {
	animation-duration: 500ms;
}

The parser would seem to need new logic to allow pseudo-classes attached to pseudo-elements as this is now a valid use-case.

Thank you!

@nuttycom
Copy link

nuttycom commented May 4, 2024

I'm seeing similar issues with the :disabled pseudo-class (https://developer.mozilla.org/en-US/docs/Web/CSS/:disabled)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants