-
Notifications
You must be signed in to change notification settings - Fork 6.7k
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
bug(material/button): mat-icon-button has different display on anchor and button #26126
Comments
Additionally a |
Fixes that SVG icons sometimes weren't centered in an icon button. Fixes angular#26126.
Fixes that SVG icons sometimes weren't centered in an icon button. Fixes angular#26126.
I've opened #26146 which should resolve most of the inconsistencies, but I wanted to note that your example is mixing |
Yes I know. But I'm currently experimenting which of them work better. mat-icon worked fine with the SVG in v14 but it's extremely hard do adjust in v15 to look good and be correctly aligned. |
Fixes that SVG icons sometimes weren't centered in an icon button. Fixes #26126.
Fixes that SVG icons sometimes weren't centered in an icon button. Fixes angular#26126.
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |
Is this a regression?
The previous version in which this bug was not present was
No response
Description
I use FontAwesome Icons with Material and with version 15 discovered a lot of issues with icons.
One for which I could create a reproduction is a different display between
<a mat-icon-button></a>
and<button mat-icon-button></button>
Reproduction
https://angular-ivy-dgra38.stackblitz.io
Expected Behavior
The icon position is the same for anchor and button
Actual Behavior
The anchor is positioned to the left
Environment
The text was updated successfully, but these errors were encountered: