fix: fix git diff overlapping close #197

Author: Dimillian

src/features/git/components/GitDiffViewer.tsx

@@ -40,6 +40,15 @@ const DIFF_SCROLL_CSS = `
   background-image: none !important;
 }
 
+diffs-container,
+[data-diffs],
+[data-diffs-header],
+[data-error-wrapper] {
+  position: relative !important;
+  contain: layout style !important;
+  isolation: isolate !important;
+}
+
 [data-diffs-header],
 [data-diffs],
 [data-error-wrapper] {

src/styles/diff-viewer.css

@@ -276,6 +276,7 @@
   width: 100%;
   padding-bottom: 0;
   will-change: transform;
+  isolation: isolate;
 }
 
 .diff-viewer-item {
@@ -286,6 +287,7 @@
   width: 100%;
   border-bottom: 1px solid var(--border-subtle);
   position: relative;
+  isolation: isolate;
 }
 
 .diff-viewer-item.active {
@@ -378,6 +380,9 @@
   min-width: 0;
   width: 100%;
   overflow: visible;
+  position: relative;
+  contain: layout style;
+  isolation: isolate;
   --diffs-font-family: var(--code-font-family);
   --diffs-font-size: var(--code-font-size, 11px);
   --diffs-line-height: 1.4;
@@ -389,6 +394,9 @@
   border-radius: 0;
   padding: 0;
   box-shadow: none;
+  position: relative;
+  contain: layout style;
+  isolation: isolate;
 }
 
 .diff-viewer-output diffs-container {

src/styles/main.css

@@ -715,18 +715,24 @@
   display: flex;
   min-height: 0;
   min-width: 0;
+  isolation: isolate;
 }
 
 .content-layer.is-hidden {
   opacity: 0;
   pointer-events: none;
   visibility: hidden;
+  position: absolute;
+  z-index: -1;
+  contain: layout style paint;
 }
 
 .content-layer.is-active {
   opacity: 1;
   pointer-events: auto;
   visibility: visible;
+  z-index: 0;
+  contain: layout style paint;
 }
 
 .app.reduced-transparency .content {