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

logiczone free asked 5 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 Wierzbicka staff answered 5 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

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags