ladybird/Tests/LibWeb/Layout/input/input-max-width-border-box.html

<!DOCTYPE html>
<style>
input {
    box-sizing: border-box;
    border: 5px solid;
    padding: 0 10px;
    font-size: 5px;
    max-width: 50px;
}
</style>
<input type="text">
LibWeb: Clamp replaced element min/max sizes in the content box space The replaced element sizing code was comparing tentative used sizes min-width/min-height and max-width/max-height. For box-sizing: border-box, that mixes content-box and border-box measurements, which can clamp replaced-like elements incorrectly. This could make, for example search/text inputs with explicit height and padding render too short. Resolve min/max constraints with calculate_inner_width() and calculate_inner_height() before clamping so the comparison uses the same inner sizing space as the tentative replaced size. Fixes the sizing of the search bar on: https://tv.apple.com/se 2026-04-05 16:19:25 -03:00			`<!DOCTYPE html>`
			`<style>`
			`input {`
			`box-sizing: border-box;`
			`border: 5px solid;`
			`padding: 0 10px;`
			`font-size: 5px;`
			`max-width: 50px;`
			`}`
			`</style>`
			`<input type="text">`