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

Svg fill attributes unusual behaviour in v63 #2302

Closed
summersz opened this issue Nov 12, 2024 · 2 comments · Fixed by #2303
Closed

Svg fill attributes unusual behaviour in v63 #2302

summersz opened this issue Nov 12, 2024 · 2 comments · Fixed by #2303
Labels
bug Existing features not working as expected

Comments

@summersz
Copy link

This was working as expected and matching browser renderings in v62

<svg width="300" height="130" xmlns="http://www.w3.org/2000/svg"> <rect width="200" height="100" x="10" y="10" rx="20" ry="20" fill="#000" fill-opacity=".098" fill-rule="evenodd" /> <circle cx="50" cy="50" r="50" fill="#1c87c9" fill-opacity=".098" fill-rule="evenodd" /> </svg>

In v63, the rect is not applying the fill-opacity. If the order of the rect and circle are switched, the circle does not apply the fill-opacity. Both are applied in browsers.

@grewn0uille grewn0uille added the bug Existing features not working as expected label Nov 12, 2024
@summersz
Copy link
Author

Thanks for the quick fix. I have tested on my larger template with the fix branch and it is working.

@liZe
Copy link
Member

liZe commented Nov 12, 2024

Thanks for the quick fix. I have tested on my larger template with the fix branch and it is working.

Thanks for the report! It’s really useful to get a small sample to reproduce problems, and to have feedback when it’s fixed. ❤️

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Existing features not working as expected
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants