tdesign-react icon indicating copy to clipboard operation
tdesign-react copied to clipboard

[Select] 窗口resize,屏幕宽度尺寸变小后,组件展示的option区域宽度能否适应与组件宽度一致(除非过小,option区域的minWidth能够将内容展示完整

Open hannah-lin-sama opened this issue 1 year ago • 4 comments

tdesign-react 版本

1.6.0

重现链接

No response

重现步骤

官网demo也有重现,https://tdesign.tencent.com/react/components/select?tab=demo

期望结果

窗口resize,屏幕宽度尺寸变小后,组件展示的option区域宽度能否适应与组件宽度一致(除非过小,option区域的minWidth能够将内容展示完整

实际结果

窗口resize,屏幕宽度尺寸变小后,组件展示的option区域宽度不会改变

image

框架版本

No response

浏览器版本

No response

系统版本

No response

Node版本

No response

补充说明

No response

hannah-lin-sama avatar Apr 17 '24 10:04 hannah-lin-sama

👋 @hannah-lin-sama,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。

github-actions[bot] avatar Apr 17 '24 10:04 github-actions[bot]

image

hannah-lin-sama avatar Apr 17 '24 10:04 hannah-lin-sama

@hannah-lin-sama 可以看看官网文档啊官网Document 截屏2024-04-17 19 54 54

HaixingOoO avatar Apr 17 '24 11:04 HaixingOoO

@hannah-lin-sama 可以看看官网文档啊官网Document 截屏2024-04-17 19 54 54

https://github.com/Tencent/tdesign-react/assets/49576337/30af3938-9105-4502-9498-cf296bda3f63

就是组件select的width不是一个固定的值,会适配屏幕宽度。

利用样式实现需要监听屏幕尺寸变化计算,赋给组件样式也是可以实现。

hannah-lin-sama avatar Apr 18 '24 06:04 hannah-lin-sama