Microsoft Edge is ignoring the z-depth-1 because of focus-wi


Topic: Microsoft Edge is ignoring the z-depth-1 because of focus-within pseudo class

logiczone asked 6 years ago

In your _cards-extended.scss file, you're extending the .z-depth-1 class in the .card:focus-within class.  This adds ".card.gradient-card:focus-within .card-image" to .z-depth-1.  Since :focus-within is not supported by Microsoft Edge, the entire .z-depth-1 class is ignored. As a short term fix, I changed line #78 in the _cards-extended.scss file to be: box-shadow: $z-depth-1;

Marta Szymanska staff pro premium answered 6 years ago

Hi, thank you for the solution. Best, Marta
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No