From 2db706cac38f79fd84811d64368e685c566e736f Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@apache.org>
Date: Thu, 23 Oct 2025 14:46:58 +0200
Subject: [PATCH 1/6] set width of dropdown select items for Network Offering
 during add tier dialog

---
 ui/src/views/network/VpcTiersTab.vue | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 4f6aaef4445d..2f77ce9c9aa3 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -193,8 +193,9 @@
               optionFilterProp="label"
               :filterOption="(input, option) => {
                 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
-              }" >
-              <a-select-option v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
+              }"
+               >
+              <a-select-option style="width: 200%;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>
             </a-select>

From a196546618307df18bc28c43199bce2ab981a6dc Mon Sep 17 00:00:00 2001
From: dahn <daan.hoogland@gmail.com>
Date: Tue, 4 Nov 2025 17:09:36 +0100
Subject: [PATCH 2/6] Alternative solution

---
 ui/src/views/network/VpcTiersTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 2f77ce9c9aa3..2367fd56809c 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -195,7 +195,7 @@
                 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }"
                >
-              <a-select-option style="width: 200%;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
+              <a-select-option style="overflow-x: auto; white-space: nowrap;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>
             </a-select>

From 3cce73bbff8837098ecf2123586b0d8aa49ba780 Mon Sep 17 00:00:00 2001
From: Daan Hoogland <dahn@apache.org>
Date: Tue, 4 Nov 2025 17:44:13 +0100
Subject: [PATCH 3/6] Revert "Alternative solution", doesn't work!

---
 ui/src/views/network/VpcTiersTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 2367fd56809c..2f77ce9c9aa3 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -195,7 +195,7 @@
                 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }"
                >
-              <a-select-option style="overflow-x: auto; white-space: nowrap;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
+              <a-select-option style="width: 200%;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>
             </a-select>

From 38c5cbb46ff2cb9f424e46c0395dac99949449c3 Mon Sep 17 00:00:00 2001
From: dahn <daan.hoogland@gmail.com>
Date: Mon, 8 Dec 2025 17:00:54 +0100
Subject: [PATCH 4/6] Update select options

---
 ui/src/views/network/VpcTiersTab.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 2f77ce9c9aa3..4b5a75845582 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -195,7 +195,12 @@
                 return option.label.toLowerCase().indexOf(input.toLowerCase()) >= 0
               }"
                >
-              <a-select-option style="width: 200%;" v-for="item in networkOfferings" :key="item.id" :value="item.id" :label="item.displaytext || item.name || item.description">
+              <a-select-option
+                v-for="item in networkOfferings"
+                :key="item.id"
+                :value=“item.id"
+                :label="item.displaytext || item.name || item.description”
+                :title="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>
             </a-select>

From fdf2deef2f69a4affce8c9b6ec7f1e7858bbcac3 Mon Sep 17 00:00:00 2001
From: dahn <daan.hoogland@gmail.com>
Date: Tue, 9 Dec 2025 09:52:45 +0100
Subject: [PATCH 5/6] wrong double quote

---
 ui/src/views/network/VpcTiersTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 4b5a75845582..91b29a1c218f 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -199,7 +199,7 @@
                 v-for="item in networkOfferings"
                 :key="item.id"
                 :value=“item.id"
-                :label="item.displaytext || item.name || item.description”
+                :label="item.displaytext || item.name || item.description"
                 :title="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}
               </a-select-option>

From 03b52243463ebdd62c43f26fba75289839f316fd Mon Sep 17 00:00:00 2001
From: dahn <daan.hoogland@gmail.com>
Date: Tue, 9 Dec 2025 10:41:28 +0100
Subject: [PATCH 6/6] another double backquote

---
 ui/src/views/network/VpcTiersTab.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ui/src/views/network/VpcTiersTab.vue b/ui/src/views/network/VpcTiersTab.vue
index 91b29a1c218f..4a689f13c34d 100644
--- a/ui/src/views/network/VpcTiersTab.vue
+++ b/ui/src/views/network/VpcTiersTab.vue
@@ -198,7 +198,7 @@
               <a-select-option
                 v-for="item in networkOfferings"
                 :key="item.id"
-                :value=“item.id"
+                :value="item.id"
                 :label="item.displaytext || item.name || item.description"
                 :title="item.displaytext || item.name || item.description">
                 {{ item.displaytext || item.name || item.description }}