Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Visited Style: float not removing underline in Firefox #5

Open
MariusE opened this issue Jun 6, 2021 · 1 comment
Open

Visited Style: float not removing underline in Firefox #5

MariusE opened this issue Jun 6, 2021 · 1 comment

Comments

@MariusE
Copy link

MariusE commented Jun 6, 2021

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
Copy link

bilalqtech commented Sep 9, 2021

+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_

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants