Skip to content

Commit b6cdb8a

Browse files
kiner-tanglke-twh
andauthored
feat: support custom dropdownStyle (#437)
* feat: support custom dropdownStyle * feat: support custom dropdownStyle --------- Co-authored-by: kiner-tang(文辉) <[email protected]>
1 parent 370bfef commit b6cdb8a

File tree

2 files changed

+10
-1
lines changed

2 files changed

+10
-1
lines changed

src/Cascader.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -194,6 +194,7 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
194194
popupClassName,
195195
dropdownClassName,
196196
dropdownMenuColumnStyle,
197+
dropdownStyle: customDropdownStyle,
197198

198199
popupPlacement,
199200
placement,
@@ -427,7 +428,10 @@ const Cascader = React.forwardRef<CascaderRef, InternalCascaderProps>((props, re
427428
prefixCls={prefixCls}
428429
autoClearSearchValue={autoClearSearchValue}
429430
dropdownMatchSelectWidth={dropdownMatchSelectWidth}
430-
dropdownStyle={dropdownStyle}
431+
dropdownStyle={{
432+
...dropdownStyle,
433+
...customDropdownStyle,
434+
}}
431435
// Value
432436
displayValues={displayValues}
433437
onDisplayValuesChange={onDisplayValuesChange}

tests/index.spec.tsx

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1033,6 +1033,11 @@ describe('Cascader.Basic', () => {
10331033
mount(<Cascader value={'bamboo' as any} />);
10341034
});
10351035

1036+
it('support custom cascader', () => {
1037+
const wrapper = mount(<Cascader dropdownStyle={{ zIndex: 999 }} open />);
1038+
expect(wrapper.find('.rc-cascader-dropdown').props().style.zIndex).toBe(999);
1039+
});
1040+
10361041
it('`null` is a value in Cascader options should throw a warning', () => {
10371042
const errorSpy = jest.spyOn(console, 'error').mockImplementation(() => null);
10381043
mount(

0 commit comments

Comments
 (0)