Fix toolbars positionning in IE11

WordPress · Oct 14, 2019 · 5e7c4c5 · 5e7c4c5
1 parent 401ed23
commit 5e7c4c5
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/components/src/toolbar/style.scss b/packages/components/src/toolbar/style.scss
@@ -2,7 +2,15 @@
 	margin: 0;
 	border: $border-width solid $light-gray-500;
 	background-color: $white;
-	display: flex;
+
+	// Required for IE11.
+	display: inline-flex;
+
+	// IE11 doesn't read rules inside this query. They are applied only to modern browsers.
+	@supports (position: sticky) {
+		display: flex;
+	}
+
 	flex-shrink: 0;
 }