input add min-inline-size:0;
ZhangChengLin opened this issue · comments
Prerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
Related content
-webkit-fill-available No relevant information was found, but it does exist and is available in chrome.
chrome V123.0.6312.106
https://developer.mozilla.org/en-US/docs/Web/CSS/min-inline-size
https://caniuse.com/?search=fill-available
When there is a lot of horizontal content, the input will occupy a width of about 200px by default, which may be related to -webkit-fill-available or min-inline-size.
Specifically, look at the test example below. You can try to adjust the width of the browser to below the critical value to see if the changes are as expected.
Desired to do, add preset values for all inputs.
I understand that this has no impact on the current input class and there is no need to change it, but it is good to draw attention to it anyway.
input { min-inline-size:0; }
Reduced test cases
https://codepen.io/zhangchenglin/pen/wvZyNeY?editors=1000
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
123.0.6312.106