search

5t3ph / smolcss

Minimal snippets for modern CSS layouts and components
https://smolcss.dev
798 stars 12 forks source link

Visited Style: float not removing underline in Firefox #5

Open MariusE opened 3 years ago

MariusE commented 3 years ago

In the code-example you add float: left to the icon-<span> to remove underline from it. https://smolcss.dev/#smol-visited-styles

This is not working with (at least) recent Firefox (on Mac OS).

screenshot from smolcss demo showing the unwanted underline under the icon

bilalqtech commented 3 years ago

+1

Issue is still present in latest Firefox (92.0) on Windows 10.

One more related issue is the width of ul element as you can see in the above screenshot.

Plus, we're using fit-content again but as a value of width this time and not as a function. This means it will expand to the equivalent of max-width but not exceed the available width, preventing overflow.

It is also not working in Firefox because it does not support the unprefixed fit-content you still need -moz- vendor prefix.

In chromium browsers on Windows (latest Chrome, Edge and Brave) fit-content is working as expected. But <span> is not showing at all for some reason.

smolcss dev_