fix: select overflowing the screen, fix #374

histoire-dev · Dec 2, 2022 · 2e22c18 · 2e22c18
1 parent e4213d3
commit 2e22c18
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/packages/histoire-app/src/app/components/base/BaseSelect.vue b/packages/histoire-app/src/app/components/base/BaseSelect.vue
@@ -33,6 +33,7 @@ function selectValue (value: string, hide: () => void) {
  <VDropdown
  class="histoire-base-select"
  auto-size
+ auto-boundary-max-size
  >
  <div
  class="htw-cursor-pointer htw-w-full htw-outline-none htw-px-2 htw-h-[27px] -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 hover:htw-border-primary-500 dark:hover:htw-border-primary-500 htw-rounded-sm htw-flex htw-gap-2 htw-items-center htw-leading-normal"

diff --git a/packages/histoire-controls/src/components/select/CustomSelect.vue b/packages/histoire-controls/src/components/select/CustomSelect.vue
@@ -44,6 +44,7 @@ function selectValue (value: any, hide: () => void) {
 <template>
  <VDropdown
  auto-size
+ auto-boundary-max-size
  >
  <div
  class="htw-cursor-pointer htw-w-full htw-outline-none htw-px-2 htw-h-[27px] -htw-my-1 htw-border htw-border-solid htw-border-black/25 dark:htw-border-white/25 hover:htw-border-primary-500 dark:hover:htw-border-primary-500 htw-rounded-sm htw-flex htw-gap-2 htw-items-center htw-leading-normal"