fix(cdk:popper): modify default placement to bottomStart

IDuxFE · Jan 5, 2024 · 5a82625 · 5a82625
1 parent 124ea76
commit 5a82625
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/packages/cdk/popper/__tests__/__snapshots__/popper.spec.ts.snap b/packages/cdk/popper/__tests__/__snapshots__/popper.spec.ts.snap
@@ -12,12 +12,12 @@ exports[`usePopper > options > autoAdjust work 2`] = `
 
 exports[`usePopper > options > offset work 1`] = `
 "<div id=\\"trigger\\">Trigger</div>
-<div id=\\"overlay\\" style=\\"position: absolute; left: 0px; top: 0px;\\" data-popper-reference-hidden=\\"\\" data-popper-placement=\\"top\\">Popper</div>"
+<div id=\\"overlay\\" style=\\"position: absolute; left: 0px; top: 0px;\\" data-popper-reference-hidden=\\"\\" data-popper-placement=\\"bottom-start\\">Popper</div>"
 `;
 
 exports[`usePopper > options > offset work 2`] = `
 "<div id=\\"trigger\\">Trigger</div>
-<div id=\\"overlay\\" style=\\"position: absolute; left: 0px; top: 0px;\\" data-popper-reference-hidden=\\"\\" data-popper-placement=\\"top\\">Popper</div>"
+<div id=\\"overlay\\" style=\\"position: absolute; left: 0px; top: 0px;\\" data-popper-reference-hidden=\\"\\" data-popper-placement=\\"bottom-start\\">Popper</div>"
 `;
 
 exports[`usePopper > options > placement work 1`] = `

diff --git a/packages/cdk/popper/src/composables/useOptions.ts b/packages/cdk/popper/src/composables/useOptions.ts
@@ -23,7 +23,7 @@ export function usePopperOptions(options: PopperOptions): {
     delay: options.delay ?? defaultDelay,
     disabled: options.disabled ?? false,
     offset: options.offset ?? [0, 0],
-    placement: options.placement ?? 'top',
+    placement: options.placement ?? 'bottomStart',
     trigger: options.trigger ?? 'hover',
     visible: options.visible ?? false,
     strategy: options.strategy ?? 'absolute',