From 84f4b2d43e8ef64fb515974309e8e55309764662 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Thu, 21 May 2026 16:56:06 +0200
Subject: [PATCH] Close cross-overlays and prevent help tooltip clipping in
 Marktbewertung

---
 ...sf-card-listen-fundamentalanalyse-drawer.html | 16 +++++++++++++++-
 styleguide.css                                   |  4 ++++
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
index b6202ae..79efdd6 100644
--- a/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
+++ b/patterns/vsf-card-listen-fundamentalanalyse-drawer.html
@@ -146,7 +146,7 @@
           </div>
         </div>
         <div class="sg-content-block-card-group__panel" id="vsf-fundamental-tab-panel-2" role="tabpanel" aria-labelledby="vsf-fundamental-tab-2" hidden>
-          <article class="sg-card sg-card--content-card" data-component="content-card" aria-label="Marktbewertung">
+          <article class="sg-card sg-card--content-card sg-vsf-marktbewertung-card" data-component="content-card" aria-label="Marktbewertung">
             <div class="sg-card-segment sg-card-segment--header sg-card-segment--darkblue" data-component-part="card-header"><div class="sg-strong">Marktbewertung</div></div>
             <div class="sg-card-segment sg-card-segment--gray" data-component-part="card-body">
               <div class="sg-score-bar-list sg-score-bar-list--single-score" data-component="score-bar-list">
@@ -326,6 +326,13 @@
             otherButton.setAttribute('aria-expanded', 'false');
           }
         });
+        document.querySelectorAll('.sg-help-icon-wrap').forEach((helpWrap) => {
+          const helpButton = helpWrap.querySelector('.sg-help-icon');
+          helpWrap.dataset.open = 'false';
+          if (helpButton) {
+            helpButton.setAttribute('aria-expanded', 'false');
+          }
+        });
         wrap.dataset.open = String(nextState);
         button.setAttribute('aria-expanded', String(nextState));
       });
@@ -347,6 +354,13 @@
             otherButton.setAttribute('aria-expanded', 'false');
           }
         });
+        document.querySelectorAll('.sg-sandwich-menu-wrap').forEach((menuWrap) => {
+          const menuButton = menuWrap.querySelector('.sg-sandwich-button');
+          menuWrap.dataset.open = 'false';
+          if (menuButton) {
+            menuButton.setAttribute('aria-expanded', 'false');
+          }
+        });
         wrap.dataset.open = String(nextState);
         button.setAttribute('aria-expanded', String(nextState));
       });
diff --git a/styleguide.css b/styleguide.css
index 976da82..652f3ed 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -2158,6 +2158,10 @@ section + section {
   color: var(--text-vsf-drawer-object-card-body);
 }
 
+.sg-vsf-marktbewertung-card {
+  overflow: visible;
+}
+
 /* ========================================================= */
 /* Patterns: Text Layouts                                    */
 /* ========================================================= */