Bug: Trailing slash on void elements has no effect and interacts badly with unquoted attribute values.

[wscourge]

React version: latest

Steps To Reproduce

1. Render <br /> tag.

Link to code example

The current behavior

It renders <br />.

The expected behavior

It renders <br>.

Context

I'd like React to support removing trailing slash from void HTML elements out of the box. Due to validator.w3.org:

Info: Trailing slash on void elements has no effect and interacts badly with unquoted attribute values.

I originally requested this as a feature in Next.js, and was sent here.

Cheers.

[vkurchatkin]

Can you provide an example where this is an issue?

[wscourge]

See here: https://validator.w3.org/nu/?doc=https%3A%2F%2Fhix.dev%2F

[vkurchatkin]

This doesn't seem to be an issue or problem of any kind. It's not even a "warning" message or something like that, it is and "info" message. The markup itself is perfectly fine and has no issues

[eps1lon]

Closing in favor of validator/validator#1509. This is just an "info" message. Either this should not be flagged at all or W3 validator should be more explicit about what "info" means.

We could omit the trailing slash but we have to special case known void element tags which adds bytes and runtime cost so it's unlikely to give any gains.