Update: Added pointer-events: none to .navbar-text-truncate, `.br…

…eadcrumb-text-truncate`, and `.lexicon-icon` to prevent focus highlight in IE11 when clicking links that contain those elements
liferay · Jan 15, 2018 · 0bec132 · 0bec132
1 parent bcc576f
commit 0bec132
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 0 deletions.
diff --git a/packages/clay/src/scss/components/_breadcrumbs.scss b/packages/clay/src/scss/components/_breadcrumbs.scss
@@ -89,6 +89,7 @@
 .breadcrumb-text-truncate {
 	display: inline-block;
 	max-width: $breadcrumb-text-truncate-max-width;
+	pointer-events: none;
 
 	@include text-truncate;
 

diff --git a/packages/clay/src/scss/components/_icons.scss b/packages/clay/src/scss/components/_icons.scss
@@ -3,6 +3,7 @@
 	fill: currentColor;
 	height: $lexicon-icon-size;
 	margin-top: -3px;
+	pointer-events: none;
 	vertical-align: middle;
 	width: $lexicon-icon-size;
 }

diff --git a/packages/clay/src/scss/components/_navbar.scss b/packages/clay/src/scss/components/_navbar.scss
@@ -62,6 +62,7 @@
 .navbar-text-truncate {
 	display: inline-block;
 	max-width: 100%;
+	pointer-events: none;
 
 	@include text-truncate;