From 93dae85e05272a4e590def04722c4cbdddeec428 Mon Sep 17 00:00:00 2001
From: hzh11012 <43038692+hzh11012@users.noreply.github.com>
Date: Tue, 3 Sep 2024 15:44:01 +0800
Subject: [PATCH] =?UTF-8?q?style:condition=E4=B8=8B=E6=8B=89=E6=A1=86?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E7=BB=86=E8=8A=82=E4=BC=98=E5=8C=96,?=
 =?UTF-8?q?=E9=81=BF=E5=85=8D=E5=86=85=E5=AE=B9=E8=BF=87=E5=A4=9A=E5=AF=BC?=
 =?UTF-8?q?=E8=87=B4=E8=B6=85=E9=95=BF=20(#10864)=20(#10865)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: hezhihang <hezhihang@baidu.com>
---
 packages/amis-ui/scss/components/form/_selection.scss | 4 ++++
 packages/amis-ui/src/components/DropDownSelection.tsx | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/packages/amis-ui/scss/components/form/_selection.scss b/packages/amis-ui/scss/components/form/_selection.scss
index b912139b2..7a3aae4d7 100644
--- 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
index 27ece3c7e..00251c6e9 100644
--- 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')}