alibaba-fusion / next

🦍 A configurable component library for web built on React.
https://fusion.design
MIT License
4.58k stars 584 forks source link

[Slider]Slider无法响应容器宽度变化 #2804

Open csr632 opened 3 years ago

csr632 commented 3 years ago

Component

Slider

Reproduction link

https://riddle.alibaba-inc.com/riddles/d98f5313

Steps to reproduce

父容器变宽的时候,会暴露出右边的item。

实际场景

左侧导航可以展开/收起

image

收起导航时,会暴露出右边的slide item。

image

修复建议

slide item 的宽度使用js控制,可以理解,因为它要响应props中的数据的变化。是否可以增加一个模式,一屏只展示一个item,这样就可以不用js来控制slide item 的宽度,完全使用css的自适应宽度。

youluna commented 3 years ago

slider要监听容器变化,当容器大小发生改变时,调整大小

youluna commented 3 years ago

临时方案:Slider组件上有个静态方法resize, 针对你的场景你可以选择合适的时机去掉用