-
Notifications
You must be signed in to change notification settings - Fork 282
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
0.5.10 causes '[class~=not-prose] *)):before' is not a valid selector #320
Comments
Hey, this is a problem with the selector parsing in From what I can tell, their selector parser does not like multiple classes inside the This example reproduces the issue without the typography plugin (or Tailwind CSS) at all. <!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/pagedjs/dist/paged.polyfill.js"></script>
<style>
/* Broken 1 */
:where(div div:first-of-type):not(:where([class~="some-class"],[class~="some-class"] *)) {
color: red;
}
/* Broken 2 (likely the same bug as 1 but still good to test explicitly) */
:where(div div:first-of-type):not(:where([class~="some-class"],[class~="some-class"] *))::before {
color: red;
}
/* Broken 3 */
:where(div + *):not(:where([class~="some-class"],[class~="some-class"] *)) {
color: red;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet
ultricies massa. Morbi tempor sodales hendrerit. Vestibulum at gravida
est. Nulla ullamcorper purus vel mauris interdum scelerisque. Duis a
vestibulum velit. Morbi luctus quam at mauris porta eleifend.
</p>
</body>
</html> Gonna close as this isn't an issue that ee can fix. Let me know if you need anything. |
@thecrypticace Thanks! Sorry for barking up the wrong tree, I thought it was Javascript having trouble parsing a new selector or something. I will check in with the paged.js repo 👍 🎉 |
No worries! |
@Petercopter Did you have any luck? I raised a similar issue at: nunocoracao/blowfish#1014. |
Ah, I see you've raised: pagedjs/pagedjs#166. I was looking for something at: https://gitlab.coko.foundation/pagedjs/pagedjs/-/issues. |
What version of @tailwindcss/typography are you using?
0.5.10
What version of Node.js are you using?
20.8.0
What browser are you using?
Chrome
What operating system are you using?
macOS
Reproduction repository
cdn test, code provided in issue
Describe your issue
We are using Tailwind Typography in conjunction with https://pagedjs.org/ to generate PDFs. After upgrading to Typography
0.5.10
, we are getting this error:I'm guessing this change may be the culprit:
I don't actually have a "working" example repo, because
0.5.10
is not on the Tailwind Play CDN yet, so I'm jumping the gun a little bit, but this code here will work once the new version is available:The text was updated successfully, but these errors were encountered: