From f06803fe1da596b9260e057e83a4bd882b5a2f9c Mon Sep 17 00:00:00 2001
From: maxin <48519459+nnmax@users.noreply.github.com>
Date: Thu, 7 Apr 2022 17:17:41 +0800
Subject: [PATCH] fix(filter-picker): set width of List to 100% (#1951)

Co-authored-by: maxin <maxin@growingio.com>
---
 .../FilterCondition/components/ListAttrSelect/index.tsx  | 9 +++++++--
 src/legacy/select/style/index.less                       | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/legacy/filter-picker/components/FilterList/Expression/FilterCondition/components/ListAttrSelect/index.tsx b/src/legacy/filter-picker/components/FilterList/Expression/FilterCondition/components/ListAttrSelect/index.tsx
index c699a7a556..68b0fe5ca6 100644
--- a/src/legacy/filter-picker/components/FilterList/Expression/FilterCondition/components/ListAttrSelect/index.tsx
+++ b/src/legacy/filter-picker/components/FilterList/Expression/FilterCondition/components/ListAttrSelect/index.tsx
@@ -127,7 +127,12 @@ function ListAttrSelect(props: ListAttrSelectProps) {
     case 'not hasAny':
       return (
         <div style={{ height: '330px' }}>
-          <Input placeholder={textObject.pleaseEnter} value={inputValue} onChange={changInputValue} style={{width: '100%'}}/>
+          <Input
+            placeholder={textObject.pleaseEnter}
+            value={inputValue}
+            onChange={changInputValue}
+            style={{ width: '100%' }}
+          />
           {loadingStatue ? (
             <div
               style={{
@@ -146,7 +151,7 @@ function ListAttrSelect(props: ListAttrSelectProps) {
               stateless
               value={checkValue}
               dataSource={checkOptions}
-              width={293}
+              width="100%"
               height={270}
               onClick={changeCheckValue}
             />
diff --git a/src/legacy/select/style/index.less b/src/legacy/select/style/index.less
index ddbd4cd4c3..8d7577e76e 100644
--- a/src/legacy/select/style/index.less
+++ b/src/legacy/select/style/index.less
@@ -275,6 +275,7 @@
   min-width: 160px;
   padding: 16px 0 16px 8px;
   outline: none;
+  .scrollbar();
 }
 
 .@{select-prefix-cls-legacy}-list-option {