search

ant-design / ant-design-mobile

Essential UI blocks for building mobile web apps.
https://mobile.ant.design
MIT License
11.54k stars 2.38k forks source link

下拉宽Dropdown弹窗列表圆角外区域无法正常显示蒙层 #6498

Open yndclwf opened 7 months ago

yndclwf commented 7 months ago

Version of antd-mobile

5.33.1

Description

企业微信截图_17034706812929 如图，Dropdown.Item+List,把List的两个底角变成了圆角。圆角外的区域不能正常显示蒙层，这个问题要怎么解决？

liqiuqiui commented 7 months ago

把 List 的 border-radius 样式覆盖一下adm-dropdown-popup-body 这个类名的样式并添加 overflow: hidden 就行了

yndclwf commented 7 months ago

把 List 的 border-radius 样式覆盖一下adm-dropdown-popup-body 这个类名的样式并添加 overflow: hidden 就行了

具体怎么写？在border-radius 样式加了这段代码也没起作用

liqiuqiui commented 7 months ago

把 List 的 border-radius 样式覆盖一下adm-dropdown-popup-body 这个类名的样式并添加 overflow: hidden 就行了

具体怎么写？在border-radius 样式加了这段代码也没起作用

https://stackblitz.com/edit/stackblitz-starters-rz11a1?description=React%20%20%20TypeScript%20starter%20project&file=src%2FApp.tsx,src%2Findex.tsx,src%2Fstyle.css&title=React%20Starter