arco-design icon indicating copy to clipboard operation
arco-design copied to clipboard

组合输入框的下拉选择器在不同尺寸中表现的交互不一致

Open lynn1286 opened this issue 1 year ago • 6 comments

Basic Info

lynn1286 avatar Feb 22 '24 09:02 lynn1286

https://github.com/arco-design/arco-design/assets/40122311/e0085204-1f30-4840-8d06-43918b6acde9

lynn1286 avatar Feb 22 '24 09:02 lynn1286

交互不一致指的是?

Helium-Z avatar Feb 23 '24 03:02 Helium-Z

交互不一致指的是?

视频中下拉选择器在default下hover有背景色,并且点击展开下拉会有聚焦边框的颜色,但是其他尺寸下没有

lynn1286 avatar Feb 23 '24 03:02 lynn1286

确实,应该是arco-select-focused起效果,虽然其他size下也有这个arco-select-focused的classname,但是只有default起效果

CooperHash avatar Feb 24 '24 08:02 CooperHash

确实,应该是arco-select-focused起效果,虽然其他size下也有这个arco-select-focused的classname,但是只有default起效果

但是好像也不是因为这个,在单独的select中是没有问题的https://arco.design/react/components/select#api 不同尺寸那里是没有问题,所以可能问题需要定位到input组件的addBefore那里

CooperHash avatar Feb 24 '24 08:02 CooperHash

确实,应该是arco-select-focused起效果,虽然其他size下也有这个arco-select-focused的classname,但是只有default起效果

但是好像也不是因为这个,在单独的select中是没有问题的https://arco.design/react/components/select#api 不同尺寸那里是没有问题,所以可能问题需要定位到input组件的addBefore那里

可以参考下:https://codesandbox.io/p/sandbox/playground-n43s3h

CooperHash avatar Feb 24 '24 09:02 CooperHash