From aded2cade0c5689ee406f1716f55128c83c21f01 Mon Sep 17 00:00:00 2001
From: Vaibhav <117663341+7ttp@users.noreply.github.com>
Date: Thu, 26 Mar 2026 18:32:43 +0530
Subject: [PATCH] fix: hooks form (#44231)

## TL;DR

fixes the scroll behavior for the schema and function dropdowns in the
auth Hooks form for sms & email

## Before:


https://github.com/user-attachments/assets/dd930a4d-da48-4b75-94ba-22f37973fa0e

## After:


https://github.com/user-attachments/assets/c08d4aff-d17d-4a8d-8a90-c6c111f28695



## Related
- closes https://github.com/supabase/supabase/issues/44222
- Same pattern as https://github.com/supabase/supabase/pull/44181
---
 .../studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx b/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx
index 8419af74e3a..c4ce1fd5167 100644
--- a/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx
+++ b/apps/studio/components/interfaces/Auth/Hooks/CreateHookSheet.tsx
@@ -373,6 +373,7 @@ export const CreateHookSheet = ({
                             <SchemaSelector
                               size="small"
                               showError={false}
+                              stopScrollPropagation
                               selectedSchemaName={field.value}
                               onSelectSchema={(name) => field.onChange(name)}
                               disabled={field.disabled}
@@ -395,6 +396,7 @@ export const CreateHookSheet = ({
                               size="small"
                               schema={values.postgresValues.schema}
                               value={field.value}
+                              stopScrollPropagation
                               onChange={field.onChange}
                               disabled={field.disabled}
                               filterFunction={(func) => {