fix: fix popover placement

nature-heart-software · Sep 15, 2024 · a327b24 · a327b24
1 parent 5cc81a2
commit a327b24
Show file tree

Hide file tree

Showing 3 changed files with 36 additions and 34 deletions.
diff --git a/apps/app/src/teams/messenger/components/NvMessengerAudioBar.vue b/apps/app/src/teams/messenger/components/NvMessengerAudioBar.vue
@@ -27,6 +27,7 @@
               data-v-step="engine-select"
               icon-name="direction"
               placeholder="Speech Engine"
+              placement="top-start"
               size="sm"
               @update:modelValue="(value) => settingsStore.$patch({ selectedSpeechEngine: value })"
           />
@@ -42,6 +43,7 @@
                 class="w-13"
                 data-v-step="engine-voice-select"
                 placeholder="Speech Voice"
+                placement="top-start"
                 size="sm"
             />
           </template>

diff --git a/packages/ui/src/components/forms/Autocomplete/autocomplete.shared.ts b/packages/ui/src/components/forms/Autocomplete/autocomplete.shared.ts
@@ -7,38 +7,38 @@ export type Size = (typeof sizeValues)[number]
 export const defaultWidth = 300 as const
 
 export const props = {
-  options: {
-    type: Array as PropType<unknown[]>,
-    default: () => [],
-  },
-  size: {
-    type: String as PropType<Size>,
-    default: 'md',
-  },
-  estimateSize: {
-    type: Number,
-    default: tokens.spacing['7'],
-  },
-  valueKey: {
-    type: String,
-  },
-  placement: {
-    type: String as PropType<ComputePositionConfig['placement']>,
-    default: 'bottom-start',
-  },
-  visible: {
-    type: Boolean,
-    default: false,
-  },
-  width: {
-    type: Number,
-  },
-  autoScrollIndex: {
-    type: Number,
-  },
-  selectOnTab: {
-    type: Boolean,
-    default: false,
-  },
+    options: {
+        type: Array as PropType<unknown[]>,
+        default: () => [],
+    },
+    size: {
+        type: String as PropType<Size>,
+        default: 'md',
+    },
+    estimateSize: {
+        type: Number,
+        default: tokens.spacing['7'],
+    },
+    valueKey: {
+        type: String,
+    },
+    placement: {
+        type: String as PropType<ComputePositionConfig['placement']>,
+        default: 'bottom-end',
+    },
+    visible: {
+        type: Boolean,
+        default: false,
+    },
+    width: {
+        type: Number,
+    },
+    autoScrollIndex: {
+        type: Number,
+    },
+    selectOnTab: {
+        type: Boolean,
+        default: false,
+    },
 }
 export type Props = ExtractPropTypes<typeof props>
diff --git a/packages/ui/src/components/overlay/Popover/popover.shared.ts b/packages/ui/src/components/overlay/Popover/popover.shared.ts
@@ -7,7 +7,7 @@ export type Size = typeof sizeValues[number]
 export const props = {
     placement: {
         type: String as PropType<ComputePositionConfig['placement']>,
-        default: 'bottom-start',
+        default: 'bottom-end',
     },
     size: {
         type: String as PropType<Size>,