From 3286963e2c2a05f6161e1ca13fea8f6d4a8f8dfa Mon Sep 17 00:00:00 2001 From: Luke Warlow Date: Wed, 30 Apr 2025 16:54:44 +0100 Subject: [PATCH] [css-forms-1] Use calc-size in min sizes --- css-forms-1/Overview.bs | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/css-forms-1/Overview.bs b/css-forms-1/Overview.bs index 78eac7a1ec20..bd9b6fb0fa24 100644 --- a/css-forms-1/Overview.bs +++ b/css-forms-1/Overview.bs @@ -892,10 +892,10 @@ input:is([type="color"], [type="button"], [type="reset"], [type="submit"]) { /* These min-size rules ensure accessibility by following WCAG rules: * https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum.html - * The 1.2em is there to make sure that options without text don't change + * The 1lh is there to make sure that options without text don't change * the block size of the button. */ - min-block-size: max(24px, 1lh); - min-inline-size: 24px; + min-block-size: calc-size(auto, max(size, 24px, 1lh)); + min-inline-size: calc-size(auto, max(size, 24px)); /* box-sizing comes from existing UA styles which happen to * already be interoperable. */