feat(comp:*): overlay is now hidden as trigger overflows scroll paren…

…ts (#1173)
IDuxFE · Sep 29, 2022 · 3ee8e86 · 3ee8e86
1 parent d21cdaa
commit 3ee8e86
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/packages/cdk/popper/src/utils.ts b/packages/cdk/popper/src/utils.ts
@@ -19,11 +19,13 @@ export interface ExtraOptions {
 export function convertOptions(baseOptions: BaseOptions, extraOptions: ExtraOptions): Options {
   const { placement, strategy, onFirstUpdate, modifiers, offset, autoAdjust } = baseOptions
   const { arrowElement, updatePlacement } = extraOptions
+
   return {
     placement: kebabCase(placement) as Placement,
     strategy,
     onFirstUpdate,
     modifiers: [
+      { name: 'hide', enabled: true },
       { name: 'offset', options: { offset } },
       { name: 'flip', enabled: autoAdjust, options: { padding: 4 } },
       { name: 'arrow', enabled: !!arrowElement, options: { element: arrowElement, padding: 4 } },

diff --git a/packages/components/_private/overlay/style/index.less b/packages/components/_private/overlay/style/index.less
@@ -65,4 +65,9 @@
       }
     }
   }
+
+  &[data-popper-reference-hidden] {
+    visibility: hidden;
+    pointer-events: none;
+  }
 }