Fix switching cause full-page scroll

mattrax · Aug 20, 2024 · cebd13f · cebd13f
1 parent 1a49e47
commit cebd13f
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/apps/configure/index.html b/apps/configure/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" class="overflow-hidden">
+<html lang="en">
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />

diff --git a/packages/ui/src/switch.tsx b/packages/ui/src/switch.tsx
@@ -20,10 +20,11 @@ type Props<T extends ValidComponent = "div"> = PolymorphicProps<
 const Switch = <T extends ValidComponent = "div">(props: Props<T>) => {
 	const [local, rest] = splitProps(props as Props<"div">, [
 		"label",
+		"class",
 		"errorMessage",
 	]);
 	return (
-		<SwitchPrimitive.Root {...rest}>
+		<SwitchPrimitive.Root class={clsx("relative", props.class)} {...rest}>
 			<SwitchPrimitive.Input />
 			<div class="items-top flex space-x-2">
 				<SwitchPrimitive.Control class="bg-input focus-visible:ring-ring focus-visible:ring-offset-background data-[checked]:bg-primary peer inline-flex h-[24px] w-[44px] shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50">