RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-05-31 20:28:11 +00:00
Code Issues Activity Actions

LibWeb: Treat unresolvable percentage width on inline-block as auto

Browse source
This commit is contained in:
Andreas Kling 2022-11-28 16:40:15 +01:00
parent c590c5c444
commit e3b8a8f7c8
2 changed files with 22 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

21
Base/res/html/tests/inline-block-treat-100pct-width-as-auto.html Normal file
View file

@ -0,0 +1,21 @@
<!DOCTYPE html><html><head><style>
* {
border: 1px solid black !important;
}
.outer {
float: left;
background: pink;
}
.first {
display: inline-block;
width: 100%;
background: orange;
}
.second {
width: 50px;
height: 50px;
background: magenta;
}
</style>
</head><body><div class="outer"><div class="first">programming</div><div class="second"></div>

2
Userland/Libraries/LibWeb/Layout/InlineFormattingContext.cpp
View file

@ -127,7 +127,7 @@ void InlineFormattingContext::dimension_box_on_line(Box const& box, LayoutMode l
auto const& width_value = box.computed_values().width();
float unconstrained_width = 0;
if (width_value.is_auto()) {
if (should_treat_width_as_auto(box, *m_available_space)) {
auto result = calculate_shrink_to_fit_widths(box);
auto available_width = m_available_space->width.to_px()