Added fix for SelectControl Gutenberg bug

Temporary fix for Gutenberg bug on multiple SelectControl height and down-arrow in InspectorControls. Details on this bug: WordPress/gutenberg#27166
kevinbazira · Nov 5, 2021 · 9c1e461 · 9c1e461
1 parent b2c0288
commit 9c1e461
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/dist/blocks.editor.build.css b/dist/blocks.editor.build.css
diff --git a/src/block/editor.scss b/src/block/editor.scss
@@ -8,4 +8,15 @@
 
 .wp-block-algori-social-share-buttons-block-algori-social-share-buttons  {
   width: 100%;
+}
+
+/*Fix height on multiple SelectControl - temp fix for Gutenberg bug: https://github.com/WordPress/gutenberg/issues/27166
+ Also, used !important because https://github.com/WordPress/gutenberg/issues/20127 and attribute selectors have very low specificity*/
+.algori-social-share-buttons-multiple-selectcontrol > div > select[id^="inspector-select-control-"] {
+  height: auto !important;
+}
+
+/*Hide DownArrow on multiple SelectControl - temp fix for Gutenberg bug: https://github.com/WordPress/gutenberg/issues/27166 */
+.algori-social-share-buttons-multiple-selectcontrol > div > span.components-input-control__suffix {
+  display: none;
 }