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

Size format 'rem' not working #13

Closed
TheVaan opened this issue Oct 15, 2021 · 3 comments
Closed

Size format 'rem' not working #13

TheVaan opened this issue Oct 15, 2021 · 3 comments
Labels
bug Something isn't working

Comments

@TheVaan
Copy link

TheVaan commented Oct 15, 2021

Hello,

using a 'rem' value for the size isn't working. The icon is not visible.
You can see this on your own page: https://fengyuanchen.github.io/vue-feather/ scroll down to "Size". There are 4 stars visible, the code example includes 5 sizes.

@TheVaan
Copy link
Author

TheVaan commented Oct 15, 2021

I found out that the icon is shown when adding style="width:1.5rem;height:1.5rem" to the i-element in browsers inspector mode. Maybe you can add explicit element sizes to the html element when using rem values.

@fengyuanchen
Copy link
Owner

Works fine in my browser (Google Chrome v95).

@TheVaan
Copy link
Author

TheVaan commented Oct 22, 2021

Well, it's actually not working with Safari 14 and Safari 15.

I'm not sure if you want to ignore Safari but it has a a market share over 18% so you shouldn't.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants