Fix: Font size picker does not work on mobile (#13257)

WordPress · Jan 11, 2019 · 7f3b8c7 · 7f3b8c7
1 parent 162b4bd
commit 7f3b8c7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/assets/stylesheets/_z-index.scss b/assets/stylesheets/_z-index.scss
@@ -85,6 +85,7 @@ $z-layers: (
 
 	// Shows above edit post sidebar; Specificity needs to be higher than 3 classes.
 	".block-editor__container .components-popover.components-color-palette__picker.is-bottom": 100001,
+	".block-editor__container .components-popover.components-font-size-picker__dropdown-content.is-bottom": 100001,
 	".edit-post-post-visibility__dialog.components-popover.is-bottom": 100001,
 
 	".components-autocomplete__results": 1000000,

diff --git a/packages/editor/src/components/font-sizes/style.scss b/packages/editor/src/components/font-sizes/style.scss
@@ -0,0 +1,3 @@
+.block-editor__container .components-popover.components-font-size-picker__dropdown-content.is-bottom {
+	z-index: z-index(".block-editor__container .components-popover.components-font-size-picker__dropdown-content.is-bottom");
+}
diff --git a/packages/editor/src/style.scss b/packages/editor/src/style.scss
@@ -18,6 +18,7 @@
 @import "./components/default-block-appender/style.scss";
 @import "./components/document-outline/style.scss";
 @import "./components/error-boundary/style.scss";
+@import "./components/font-sizes/style.scss";
 @import "./components/inner-blocks/style.scss";
 @import "./components/inserter-with-shortcuts/style.scss";
 @import "./components/inserter/style.scss";