diff --git a/packages/react-search-select/src/index.tsx b/packages/react-search-select/src/index.tsx index 0f2880cc2c..ce38712022 100644 --- a/packages/react-search-select/src/index.tsx +++ b/packages/react-search-select/src/index.tsx @@ -233,7 +233,7 @@ export default function SearchSelect(props: SearchSelectProps) { > {isMultiple ? (
-
+
{isMultiple && selectedValue.slice(0, maxTagCount).map((item, index) => { return ( diff --git a/packages/react-search-select/src/style/index.less b/packages/react-search-select/src/style/index.less index b42b0aa151..5d6e3753e5 100644 --- a/packages/react-search-select/src/style/index.less +++ b/packages/react-search-select/src/style/index.less @@ -5,7 +5,8 @@ input { box-shadow: none; padding: 0px; - height: 20px; + min-width: 50px; + height: 22px; } .w-input-inner { diff --git a/packages/react-search-tree/src/SearchTagInput.tsx b/packages/react-search-tree/src/SearchTagInput.tsx index a9ee568378..ba7a20d55d 100644 --- a/packages/react-search-tree/src/SearchTagInput.tsx +++ b/packages/react-search-tree/src/SearchTagInput.tsx @@ -134,7 +134,7 @@ function SearchTagInput(props: SearchTagInputPro style={{ minWidth: 200, maxWidth: 'none', ...style }} >
-
+
{selectedOption.map((item, index) => { return ( (props: SearchTagInputPro placeholder={selectedOption.length ? '' : placeholder} />
- + {(selectIconType === 'close' || (selectIconType === 'loading' && loading)) && ( )} diff --git a/packages/react-search-tree/src/style/index.less b/packages/react-search-tree/src/style/index.less index e056ac9eb1..81e81bc2dc 100644 --- a/packages/react-search-tree/src/style/index.less +++ b/packages/react-search-tree/src/style/index.less @@ -6,6 +6,7 @@ box-shadow: none; padding: 0px; height: 20px; + min-width: 50px; } .w-input-inner {