From fc6fe83eb1e10e4b32bfa24b60b05fbde4704456 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Wed, 30 Apr 2025 09:59:26 +0200
Subject: [PATCH] Fix: regions jumping around on Firefox

---
 .../wizard/step2.svelte                            | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/wizard/step2.svelte b/src/routes/(console)/organization-[organization]/wizard/step2.svelte
index 907cc1f28..1b346b0ea 100644
--- a/src/routes/(console)/organization-[organization]/wizard/step2.svelte
+++ b/src/routes/(console)/organization-[organization]/wizard/step2.svelte
@@ -62,6 +62,13 @@
     }
 
     $: notifications = prefs?.notifications ?? [];
+
+    const sortedRegions = $regions.regions.sort((regionA, regionB) => {
+        if (regionA.disabled >= regionB.disabled) {
+            return 1;
+        }
+        return -1;
+    });
 </script>
 
 <WizardStep>
@@ -73,12 +80,7 @@
         <ul
             class="grid-box u-margin-block-start-16"
             style="--p-grid-item-size:12em; --p-grid-item-size-small-screens:12rem; --grid-gap: 1rem;">
-            {#each $regions.regions.sort((regionA, regionB) => {
-                if (regionA.disabled >= regionB.disabled) {
-                    return 1;
-                }
-                return -1;
-            }) as region, index (region.$id)}
+            {#each sortedRegions as region, index (region.$id)}
                 <li>
                     <RegionCard
                         name="region"