Contain BaseUI hidden inputs within Field to stop phantom document scroll

tjementum · tjementum · commit b5fc52ec0497 · 2026-04-23T11:30:43.000+02:00
diff --git a/application/shared-webapp/ui/components/Field.tsx b/application/shared-webapp/ui/components/Field.tsx
@@ -47,7 +47,7 @@ function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {
   );
 }
 
-const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+const fieldVariants = cva("group/field relative flex w-full gap-3 data-[invalid=true]:text-destructive", {
   variants: {
     orientation: {
       vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],

Original file line number	Diff line number	Diff line change
`@@ -47,7 +47,7 @@ function FieldGroup({ className, ...props }: React.ComponentProps<"div">) {`
`47`	`47`	`);`
`48`	`48`	`}`
`49`	`49`
`50`		`-const fieldVariants = cva("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {`
	`50`	`+const fieldVariants = cva("group/field relative flex w-full gap-3 data-[invalid=true]:text-destructive", {`
`51`	`51`	`variants: {`
`52`	`52`	`orientation: {`
`53`	`53`	`vertical: ["flex-col [&>*]:w-full [&>.sr-only]:w-auto"],`