From 90ab512e4042ed6c529adf85d3a7ad15769226b0 Mon Sep 17 00:00:00 2001
From: Albin Berglund <e.a.e.berglund@gmail.com>
Date: Sat, 13 Jul 2024 20:48:39 +0200
Subject: [PATCH] overscroll contain overflow element

---
 libs/core/src/lib/components/panel/panel.ts | 1 +
 libs/core/src/lib/styles/_core.scss         | 1 -
 2 files changed, 1 insertion(+), 1 deletion(-)

diff --git a/libs/core/src/lib/components/panel/panel.ts b/libs/core/src/lib/components/panel/panel.ts
index a3de2a9..d09c7ed 100644
--- a/libs/core/src/lib/components/panel/panel.ts
+++ b/libs/core/src/lib/components/panel/panel.ts
@@ -614,6 +614,7 @@ export class BergPanelElement extends WebComponent<BergPanelInputs> {
       <style>
         .berg-panel-overflow {
           overflow: auto;
+          overscroll-behavior: contain;
           height: 100%;
           width: 100%;
         }
diff --git a/libs/core/src/lib/styles/_core.scss b/libs/core/src/lib/styles/_core.scss
index 4bdf453..831730f 100644
--- a/libs/core/src/lib/styles/_core.scss
+++ b/libs/core/src/lib/styles/_core.scss
@@ -54,7 +54,6 @@ $transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1);
     display: block;
     position: relative;
     box-sizing: border-box;
-    overscroll-behavior: contain;
     transition-duration: $transition-duration;
     transition-timing-function: $transition-timing-function;
     transition-property: var(--berg-panel-transition-property), box-shadow;