#HTML

The Debugging Story That Ended With a Hyphen

Spent an hour debugging why an SVG favicon wouldn't show.
Path correct, file accessible, no 404, MIME type fine. Another SVG in the same folder worked.

The fix?

Rename the file.

tools-icon.svg → tools_icon.svg

Just one character.

Apparently browsers silently reject hyphens in SVG favicons, while underscores work perfectly.

One dash. One hour.

One hour of debugging.
Fixed by replacing - with·_.
I still have no idea why. 😩😩😩😩😩

Some native inputs (e.g. color, date, file) have UA-defined internal insets which cannot be fully normalized across browsers. Just keeps them usable, not visually perfect.