style:condition下拉框样式细节优化,避免内容过多导致超长

baidu · Sep 3, 2024 · 1afe01a · 1afe01a
1 parent d2b9439
commit 1afe01a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/amis-ui/scss/components/form/_selection.scss b/packages/amis-ui/scss/components/form/_selection.scss
@@ -476,4 +476,8 @@
   &-input.is-active &-caret {
     transform: rotate(180deg);
   }
+
+  &-searchbox.is-active {
+    width: 100%;
+  }
 }
diff --git a/packages/amis-ui/src/components/DropDownSelection.tsx b/packages/amis-ui/src/components/DropDownSelection.tsx
@@ -101,17 +101,20 @@ class DropDownSelection extends BaseSelection<
       loadingConfig,
       popOverContainer,
       testIdBuilder,
-      mobileUI
+      mobileUI,
+      classPrefix: ns
     } = this.props;
 
     return (
       <PopOverContainer
         mobileUI={mobileUI}
+        overlayWidthField="width"
         popOverContainer={popOverContainer || (() => findDOMNode(this))}
         popOverRender={({onClose}) => (
           <div>
             {searchable ? (
               <SearchBox
+                className={cx(`${ns}DropDownSelection-searchbox`)}
                 mini={false}
                 onSearch={this.onSearch}
                 testIdBuilder={testIdBuilder?.getChild('searchbox')}