You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Load the docs page on Firefox or Chrome 106 and see that the secondary buttons appear correct.
Load the docs page in Chrome 107 and see that the secondary button now has a green hover effect around it.
What is expected?
The secondary button should have the gray hover outline around it.
What is actually happening?
The secondary button has a bold green hover outline around it.
Solution
Additional comments
This is a brand new change related to a browser release.
The text was updated successfully, but these errors were encountered:
itsthejoker
changed the title
Chrome 107 breaks button hover
Chrome 107 breaks secondary button hover
Oct 31, 2022
Thank you for using our products, from the browser's last version update, the first value from the box-shadow property isn't working anymore. We'll search for a solution but until then, you can use the .shadow-lg class for the secondary buttons. We're sorry for this inconvenience.
Version
3.0.3 (latest)
Reproduction link
https://www.creative-tim.com/learning-lab/bootstrap/buttons/material-kit
Operating System
Mac / Win
Device
MBP / Windows Desktop
Browser & Version
Chrome 107
Steps to reproduce
Load the docs page on Firefox or Chrome 106 and see that the secondary buttons appear correct.
Load the docs page in Chrome 107 and see that the secondary button now has a green hover effect around it.
What is expected?
The secondary button should have the gray hover outline around it.
What is actually happening?
The secondary button has a bold green hover outline around it.
Solution
Additional comments
This is a brand new change related to a browser release.
The text was updated successfully, but these errors were encountered: