环境
antd
: ^5.14.1react
: ^18
问题情况
javascript
<Drawer open={open} closable={false} mask={false} width={680}
getContainer={props.getContainer || undefined}>
<p>Some contents...</p>
<p>Some contents...</p>
<p>Some contents...</p>
</Drawer>
此时mask
是false
,也就是不需要蒙蔽状态下,刷新页面会发现多出一个黑边,鼠标点击后又消失了;
原因
原因是谷歌浏览器的:focus-visible
样式设定
解决
将组件的autoFocus
属性设为false
,可以解决刷新、点击等操作下不显示黑边,但不是彻底解决这个问题