How are attributes with dash (-) treated?

[ivanceras]

In this example, how is stroke-width=5 treated? The parser complains about this.

<svg>
 <circle cx="25" cy="75" r="20" stroke="red" fill="transparent" stroke-width="5"/>
</svg>

[ivanceras]

I think this could be easier if done using the same way javascript allow type to be accessed using a camel-case on the identifier that has a dash.

example: z-index could be accessed in javascript using zIndex.
so stroke-width=5 will become strokeWidth=5.

[chinedufn]

This is similar to #106 (comment) where the parser currently assumes that all attributes are composed of a single identifier.

Note the single input.parse() here.

percy/crates/html-macro/src/tag.rs

Line 143 in 344e757

input.parse()?

---

The solution is peeking for a - and if there is one parsing two more identifiers, concatenating their to_string's and then creating a new identifier using that new String.

---

As with #106 (comment) we'd want a test for this.

I can take a look next time I'm working on the parser. If you'd like to take a look in the meantime I'd be happy to provide more detailed instructions.

---

Cheers and thanks for opening the issue!!

[apps4uco]

Hi, any chance of raising the priority of this issue as its a showstopper for Accessibility aria-* and bootstrap data-* attributes. Thanks

[EHPS-Oliver]

as well for http-equiv in meta tags