Remove [contain:layout] class in ProjectLayout to fix tabs not following cursor position (supabase#35212)

joshenlim · web-flow · commit 8e7533b8c9c2 · 2025-04-25T10:40:14.000+07:00
diff --git a/apps/studio/components/layouts/ProjectLayout/ProjectLayout.tsx b/apps/studio/components/layouts/ProjectLayout/ProjectLayout.tsx
@@ -208,7 +208,7 @@ const ProjectLayout = forwardRef<HTMLDivElement, PropsWithChildren<ProjectLayout
                   className={cn('w-full xl:min-w-[600px] bg-dash-sidebar')}
                 >
                   <main
-                    className="h-full flex flex-col flex-1 w-full overflow-y-auto overflow-x-hidden @container [contain:layout]"
+                    className="h-full flex flex-col flex-1 w-full overflow-y-auto overflow-x-hidden @container"
                     ref={ref}
                   >
                     {showPausedState ? (

Original file line number	Diff line number	Diff line change
`@@ -208,7 +208,7 @@ const ProjectLayout = forwardRef<HTMLDivElement, PropsWithChildren<ProjectLayout`
`208`	`208`	`className={cn('w-full xl:min-w-[600px] bg-dash-sidebar')}`
`209`	`209`	`>`
`210`	`210`	`<main`
`211`		`- className="h-full flex flex-col flex-1 w-full overflow-y-auto overflow-x-hidden @container [contain:layout]"`
	`211`	`+ className="h-full flex flex-col flex-1 w-full overflow-y-auto overflow-x-hidden @container"`
`212`	`212`	`ref={ref}`
`213`	`213`	`>`
`214`	`214`	`{showPausedState ? (`