[base] Remove use of Layer in ActivateOnFocus

sanity-io · Feb 4, 2021 · 40351fd · 40351fd
1 parent 42db1d0
commit 40351fd
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/packages/@sanity/base/src/__legacy/@sanity/components/utilities/ActivateOnFocus.tsx b/packages/@sanity/base/src/__legacy/@sanity/components/utilities/ActivateOnFocus.tsx
@@ -1,4 +1,3 @@
-import {Layer} from '@sanity/ui'
 import classNames from 'classnames'
 import React from 'react'
 import enhanceWithClickOutside from 'react-click-outside'
@@ -63,7 +62,7 @@ class ActivateOnFocus extends React.Component<ActivateOnFocusProps> {
     const overlayClassName = classNames(styles.overlay, overlayClassNameProp)
 
     return (
-      <Layer className={className} id={inputId}>
+      <div className={className} id={inputId}>
         {!isActive && (
           <div className={styles.eventHandler} onClick={this.handleClick}>
             <div className={overlayClassName}>
@@ -73,7 +72,7 @@ class ActivateOnFocus extends React.Component<ActivateOnFocusProps> {
           </div>
         )}
         <div className={styles.content}>{children}</div>
-      </Layer>
+      </div>
     )
   }
 }