From 0511903e57a26b8da7f5a734a39725c51f0ac973 Mon Sep 17 00:00:00 2001
From: Suraj Shetty <surajshetty3416@gmail.com>
Date: Fri, 10 Jan 2025 07:47:34 +0530
Subject: [PATCH] fix: Create a distinct containing block for each breakpoint
 canvas

To avoid positioned elements leaking out of the container when all breakpoints are visible.

Previously, whole canvas container was getting considered as the containing block for all elements which is why any fixed element with relative widths were off when all the breakpoints were switched on.

closes: https://github.com/frappe/builder/issues/287
---
 frontend/src/components/BuilderCanvas.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/BuilderCanvas.vue b/frontend/src/components/BuilderCanvas.vue
index 9f11bb39..b8b4a31c 100644
--- a/frontend/src/components/BuilderCanvas.vue
+++ b/frontend/src/components/BuilderCanvas.vue
@@ -37,7 +37,7 @@
 				</div>
 			</div>
 			<div
-				class="canvas relative flex h-full rounded-md bg-surface-white shadow-2xl"
+				class="canvas relative flex h-full rounded-md bg-surface-white shadow-2xl contain-layout"
 				:style="{
 					...canvasStyles,
 					background: canvasProps.background,