LibWeb/CSS: Allow whitespace inside fit-content() function

This commit is contained in:
Sam Atkins 2025-02-27 10:11:32 +00:00
commit 718e874cc7
Notes: github-actions[bot] 2025-02-27 13:31:36 +00:00
3 changed files with 23 additions and 2 deletions

View file

@ -2556,8 +2556,6 @@ RefPtr<FitContentStyleValue> Parser::parse_fit_content_value(TokenStream<Compone
auto const& function = component_value.function();
if (function.name != "fit-content"sv)
return nullptr;
if (function.value.size() != 1)
return nullptr;
TokenStream argument_tokens { function.value };
argument_tokens.discard_whitespace();
auto maybe_length = parse_length_percentage(argument_tokens);

View file

@ -0,0 +1,4 @@
"fit-content(10%)" became "fit-content(10%)"
"fit-content( 10%)" became "fit-content(10%)"
"fit-content(10% )" became "fit-content(10%)"
"fit-content( 10% )" became "fit-content(10%)"

View file

@ -0,0 +1,19 @@
<!DOCTYPE html>
<script src="../include.js"></script>
<div id="target"></div>
<script>
test(() => {
let inputs = [
"fit-content(10%)",
"fit-content( 10%)",
"fit-content(10% )",
"fit-content( 10% )",
];
let target = document.getElementById('target');
for (let input of inputs) {
target.style.width = '';
target.style.width = input;
println(`"${input}" became "${target.style.width}"`);
}
});
</script>