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

Co-authored-by: hezhihang <hezhihang@baidu.com>
This commit is contained in:
hzh11012 2024-09-03 15:36:38 +08:00 committed by GitHub
parent d2b94393d2
commit 2b4d867f1f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 8 additions and 1 deletions

View File

@ -476,4 +476,8 @@
&-input.is-active &-caret {
transform: rotate(180deg);
}
&-searchbox.is-active {
width: 100%;
}
}

View File

@ -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')}