Fix issue with z-index

eea · Jan 3, 2023 · a414943 · a414943
1 parent b3bd27b
commit a414943
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/src/SearchBlock/BlockContainer/NewBlockAddButton.jsx b/src/SearchBlock/BlockContainer/NewBlockAddButton.jsx
@@ -1,5 +1,6 @@
 import React from 'react';
 import { Button } from 'semantic-ui-react';
+import { BodyClass } from '@plone/volto/helpers';
 import { BlockChooser, Icon } from '@plone/volto/components';
 import useOutsideClick from '@eeacms/search/lib/hocs/useOutsideClick';
 import addSVG from '@plone/volto/icons/add.svg';
@@ -14,14 +15,16 @@ const NewBlockAddButton = (props) => {
   return (
     <>
       {isOpenMenu ? (
-        <div ref={ref}>
-          <BlockChooser
-            onMutateBlock={onMutateBlock}
-            currentBlock={block}
-            showRestricted
-            allowedBlocks={allowedBlocks}
-          />
-        </div>
+        <BodyClass className="has-block-chooser">
+          <div ref={ref}>
+            <BlockChooser
+              onMutateBlock={onMutateBlock}
+              currentBlock={block}
+              showRestricted
+              allowedBlocks={allowedBlocks}
+            />
+          </div>
+        </BodyClass>
       ) : (
         <Button
           basic

diff --git a/src/SearchBlock/edit.less b/src/SearchBlock/edit.less
@@ -25,3 +25,9 @@
   height: 100%;
   z-index: @overlayZIndex;
 }
+
+body.has-block-chooser {
+  .aboveSearchblockOverlay {
+    z-index: unset;
+  }
+}