Skip to content

Commit fa991d9

Browse files
authored
fix(input-group): added mb-0 to prevent layout shifts in stratus (#456)
1 parent fe571f5 commit fa991d9

2 files changed

Lines changed: 8 additions & 3 deletions

File tree

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@cloudflare/kumo": patch
3+
---
4+
5+
Fix `InputGroup` label wrappers to enforce `mb-0`, preventing inherited label margins from shifting layout and click-target overlays.

packages/kumo/src/components/input-group/input-group.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -220,7 +220,7 @@ const Root = forwardRef<
220220
<label
221221
htmlFor={inputId}
222222
// Positioned behind children (z-0) so it catches clicks on empty space
223-
className="absolute inset-0 z-0 cursor-text"
223+
className="absolute inset-0 z-0 cursor-text !mb-0"
224224
aria-hidden="true"
225225
/>
226226
)}
@@ -283,7 +283,7 @@ const Root = forwardRef<
283283
<label
284284
htmlFor={inputId}
285285
// Positioned behind children (z-0) so it catches clicks on empty space
286-
className="absolute inset-0 z-0"
286+
className="absolute inset-0 z-0 !mb-0"
287287
aria-hidden="true"
288288
/>
289289
{children}
@@ -293,7 +293,7 @@ const Root = forwardRef<
293293
<label
294294
ref={forwardedRef as React.Ref<HTMLLabelElement>}
295295
{...dataProps}
296-
className={containerClassName}
296+
className={cn(containerClassName, "!mb-0")}
297297
{...rest}
298298
>
299299
{children}

0 commit comments

Comments
 (0)