Bug: SVG style attribute not working

Design help General
1

Hi team,

I noticed a bug when using the style property on SVG’s. It turns the style property into STYLE(in uppercase) which causes the SVG to not render properly.

To replicate the issue you can just add a new Custom Element in the page - change the tag to SVG and then add a style attribute background-color: red

Now check the svg code in the live site and you’ll see this something like this:
<svg STYLE="background-color: red"></svg> which is wrong. If I use the browser console to manually update from STYLE to style it properly works and displays the background. All other properties besides style are working properly.

image
image494×312 7.08 KB

2

HTML attributes are not case-sensitive, so it’s not wrong, per-se.

However it is a bit unusual. If you want to let Webflow know you could open a support ticket.

Chrome ignores it and normalizes it in the DOM to lowercase. What browser are you using? If you’re seeing uppercased attributes handled differently you might want to report a browser bug as well.