[form-builder] Remove use of Layer in BlockExtras

sanity-io · Feb 4, 2021 · 4b102a2 · 4b102a2 · vercel · Feb 4, 2021
1 parent 40351fd
commit 4b102a2
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/packages/@sanity/form-builder/src/inputs/PortableText/BlockExtras.css b/packages/@sanity/form-builder/src/inputs/PortableText/BlockExtras.css
@@ -5,6 +5,7 @@
   box-sizing: border-box;
   position: relative;
   overflow: hidden;
+  z-index: var(--zindex-portal);
 }
 
 .content {

diff --git a/packages/@sanity/form-builder/src/inputs/PortableText/BlockExtras.tsx b/packages/@sanity/form-builder/src/inputs/PortableText/BlockExtras.tsx
@@ -1,5 +1,3 @@
-import {useZIndex} from '@sanity/base/components'
-import {Layer} from '@sanity/ui'
 import React from 'react'
 import classNames from 'classnames'
 import {ChangeIndicatorWithProvidedFullPath} from '@sanity/base/lib/change-indicators'
@@ -24,7 +22,6 @@ type Props = {
 }
 export default function BlockExtras(props: Props) {
   const editor = usePortableTextEditor()
-  const zindex = useZIndex()
   const {block, blockActions, height, isFullscreen, markers, onFocus, renderCustomMarkers} = props
   const blockValidation = getValidationMarkers(markers)
   const errors = blockValidation.filter((mrkr) => mrkr.level === 'error')
@@ -65,18 +62,17 @@ export default function BlockExtras(props: Props) {
       content
     )
   return (
-    <Layer
+    <div
       className={classNames([
         styles.root,
         hasFocus && styles.hasFocus,
         isFullscreen && styles.hasFullScreen,
         errors.length > 0 && styles.withError,
         warnings.length > 0 && !errors.length && styles.withWarning,
       ])}
-      zOffset={zindex.portal}
     >
       {returned}
-    </Layer>
+    </div>
   )
 }