From f5e56f6c38c76ed79ec46927a8cdcb29a9e203d7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mathias=20Gla=CC=88ser?= <mathias.glaeser@beaufort.ch>
Date: Tue, 19 May 2026 16:04:48 +0200
Subject: [PATCH] Add fourth block with three pulldown rows to multiselect
 pattern

---
 patterns/multiselektions-pulldown.html | 40 ++++++++++++++++++++++++++
 1 file changed, 40 insertions(+)

diff --git a/patterns/multiselektions-pulldown.html b/patterns/multiselektions-pulldown.html
index ed19811..fc4ccda 100644
--- a/patterns/multiselektions-pulldown.html
+++ b/patterns/multiselektions-pulldown.html
@@ -180,6 +180,46 @@
                       <button class="sg-pulldown-panel__remove" type="button" aria-label="Pulldown 1 entfernen" hidden>×</button>
                     </div>
                   </section>
+
+                  <section class="sg-form-sections-card__chapter" aria-labelledby="multiselect-block-4">
+                    <h2 id="multiselect-block-4" class="sg-strong sg-form-sections-card__chapter-title">Block 4</h2>
+
+                    <div class="sg-pulldown-panel__row sg-pulldown-panel__row--disabled" data-pulldown-filter-row data-active="false" data-component-part="pulldown-filter-row">
+                      <p class="sg-pulldown-panel__label sg-body">Pulldown 2</p>
+
+                      <select class="sg-interaction-element sg-pulldown" aria-label="Pulldown 2 Auswahl">
+                        <option selected>Option 1</option>
+                        <option>Option 2</option>
+                        <option>Option 3</option>
+                      </select>
+
+                      <button class="sg-pulldown-panel__remove" type="button" aria-label="Pulldown 2 entfernen" hidden>×</button>
+                    </div>
+
+                    <div class="sg-pulldown-panel__row sg-pulldown-panel__row--disabled" data-pulldown-filter-row data-active="false" data-component-part="pulldown-filter-row">
+                      <p class="sg-pulldown-panel__label sg-body">Pulldown 3</p>
+
+                      <select class="sg-interaction-element sg-pulldown" aria-label="Pulldown 3 Auswahl">
+                        <option selected>Option 1</option>
+                        <option>Option 2</option>
+                        <option>Option 3</option>
+                      </select>
+
+                      <button class="sg-pulldown-panel__remove" type="button" aria-label="Pulldown 3 entfernen" hidden>×</button>
+                    </div>
+
+                    <div class="sg-pulldown-panel__row sg-pulldown-panel__row--disabled" data-pulldown-filter-row data-active="false" data-component-part="pulldown-filter-row">
+                      <p class="sg-pulldown-panel__label sg-body">Pulldown 4</p>
+
+                      <select class="sg-interaction-element sg-pulldown" aria-label="Pulldown 4 Auswahl">
+                        <option selected>Option 1</option>
+                        <option>Option 2</option>
+                        <option>Option 3</option>
+                      </select>
+
+                      <button class="sg-pulldown-panel__remove" type="button" aria-label="Pulldown 4 entfernen" hidden>×</button>
+                    </div>
+                  </section>
                 </div>
               </form>
             </div>