From 3ee8e866c14be1b25af05d1dc78de75d07e00f99 Mon Sep 17 00:00:00 2001 From: saller Date: Thu, 29 Sep 2022 11:32:55 +0800 Subject: [PATCH] feat(comp:*): overlay is now hidden as trigger overflows scroll parents (#1173) --- packages/cdk/popper/src/utils.ts | 2 ++ packages/components/_private/overlay/style/index.less | 5 +++++ 2 files changed, 7 insertions(+) diff --git a/packages/cdk/popper/src/utils.ts b/packages/cdk/popper/src/utils.ts index 610061d17..8bf90397e 100644 --- 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 index 31cd9c461..1cc6a98c5 100644 --- 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; + } }