input add min-inline-size:0;

[ZhangChengLin]

Prerequisites

• [X] I have searched for duplicate or closed issues
• [X] I have validated any HTML to avoid common problems
• [X] 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