Color controls can shrink beyond recognition
Created by: ndm2
Playing with the color controls and auto-sizing columns, I've noticed that color controls can shrink to the point of being unusable.
I'm not quite sure whether this is considered a bug, or if for some reason it actually is intended behavior. There doesn't seem to have been a change ever since the control was first introduced, so maybe the max-width
property should have been width
or min-width
instead.
- Version: 5.0.1
- OS: independent
- Browser: independent
Example:
<fieldset class="row">
<legend>Border Color</legend>
<div class="col-auto text-center">
<label>T</label>
<input type="color" class="form-control form-control-color" value="#563d7c">
</div>
<div class="col-auto text-center">
<label>L</label>
<input type="color" class="form-control form-control-color" value="#563d7c">
</div>
<div class="col-auto text-center">
<label>R</label>
<input type="color" class="form-control form-control-color" value="#563d7c">
</div>
<div class="col-auto text-center">
<label>B</label>
<input type="color" class="form-control form-control-color" value="#563d7c">
</div>
</fieldset>
Result:
Desktop
Mobile Chrome 90.0.4430.210
Mobile Safari 14.0.1