From 5a8262587f11f5afa5150b2cca8b8838d7749b79 Mon Sep 17 00:00:00 2001
From: sallerli1 <weskerli@163.com>
Date: Fri, 5 Jan 2024 17:24:18 +0800
Subject: [PATCH] fix(cdk:popper): modify default placement to `bottomStart`

---
 .../cdk/popper/__tests__/__snapshots__/popper.spec.ts.snap    | 4 ++--
 packages/cdk/popper/src/composables/useOptions.ts             | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/cdk/popper/__tests__/__snapshots__/popper.spec.ts.snap b/packages/cdk/popper/__tests__/__snapshots__/popper.spec.ts.snap
index d0d22dd7d..0532787bc 100644
--- 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
index 5ec609c09..ff6f3129b 100644
--- 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',