We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
tdesign-react 0.42.4
https://codesandbox.io/s/tdesign-react-demo-forked-7ufimt?file=/src/demo.jsx
使用 InputNumber 组件,将 theme 属性的值设为 "column" ,即增减按钮出现在输入框右侧。
InputNumber
theme
"column"
同时设置 autoWidth 属性为 true ,即输入时自动调整组件宽度。
autoWidth
true
进行输入时,组件自动调整宽度,组件右侧的增减按钮也应当自动调整位置,保证出现在输入框右侧。
组件自动调整宽度时,增减按钮的位置不会自动调整,固定在起始位置上,即有时会出现在输入框中间。
React(17.0.2)
Chrome(104.0.5112.102)
Windows 10
14.15.1
No response
The text was updated successfully, but these errors were encountered:
👋 @sagittarius-rev,感谢给 TDesign 提出了 issue。 请根据 issue 模版确保背景信息的完善,我们将调查并尽快回复你。
Sorry, something went wrong.
效果确实丑,错误原因:
应当设置 t-input__inner 的 minWidth,而非 t-is-controls-right
t-input__inner
t-is-controls-right
resolved in https://github.com/Tencent/tdesign-common/pull/969/files
fixed 0.42.6
No branches or pull requests
tdesign-react 版本
tdesign-react 0.42.4
重现链接
https://codesandbox.io/s/tdesign-react-demo-forked-7ufimt?file=/src/demo.jsx
重现步骤
使用
InputNumber
组件,将theme
属性的值设为"column"
,即增减按钮出现在输入框右侧。同时设置
autoWidth
属性为true
,即输入时自动调整组件宽度。期望结果
进行输入时,组件自动调整宽度,组件右侧的增减按钮也应当自动调整位置,保证出现在输入框右侧。
实际结果
组件自动调整宽度时,增减按钮的位置不会自动调整,固定在起始位置上,即有时会出现在输入框中间。
框架版本
React(17.0.2)
浏览器版本
Chrome(104.0.5112.102)
系统版本
Windows 10
Node版本
14.15.1
补充说明
No response
The text was updated successfully, but these errors were encountered: