Fixed #14134

CHANGELOG.md

@@ -9,6 +9,7 @@
 - Fixed a bug where `Craft.FormObserver` wasn’t working reliably for non-`<form>` containers.
 - Fixed a bug where Selectize inputs were triggering autosaves, even when the value didn’t change.
 - Fixed a bug where custom source labels weren’t getting translated. ([#14137](https://github.com/craftcms/cms/issues/14137))
+- Fixed a bug where Dropdown columns within Table fields were loosing their options when the field was edited. ([#14134](https://github.com/craftcms/cms/issues/14134))
 
 ## 4.6.0 - 2024-01-09
 

src/web/assets/cp/src/js/EditableTable.js

@@ -99,26 +99,33 @@ Craft.EditableTable = Garnish.Base.extend(
       this.updateAddRowButton();
       this.addListener(this.$addRowBtn, 'activate', 'addRow');
 
-      // Lazily create the row objects
-      this.addListener(
-        this.$tbody,
-        'keypress,keyup,change,focus,blur,click,mousedown,mouseup',
-        (ev) => {
-          const $target = $(ev.target);
-          const $tr = $target.closest('tr');
-          if ($tr.length && !$tr.data('editable-table-row')) {
-            const $textarea = $target.hasClass('editable-table-preview')
-              ? $target.next()
-              : null;
-            this.createRowObj($tr);
-            setTimeout(() => {
-              if ($textarea && !$textarea.is(':focus')) {
-                $textarea.trigger('focus');
-              }
-            }, 100);
+      if (this.settings.lazyInitRows) {
+        // Lazily create the row objects
+        this.addListener(
+          this.$tbody,
+          'keypress,keyup,change,focus,blur,click,mousedown,mouseup',
+          (ev) => {
+            const $target = $(ev.target);
+            const $tr = $target.closest('tr');
+            if ($tr.length && !$tr.data('editable-table-row')) {
+              const $textarea = $target.hasClass('editable-table-preview')
+                ? $target.next()
+                : null;
+              this.createRowObj($tr);
+              setTimeout(() => {
+                if ($textarea && !$textarea.is(':focus')) {
+                  $textarea.trigger('focus');
+                }
+              }, 100);
+            }
           }
+        );
+      } else {
+        const $rows = this.$tbody.children();
+        for (let i = 0; i < $rows.length; i++) {
+          this.createRowObj($rows.eq(i));
         }
-      );
+      }
 
       return true;
     },
@@ -419,6 +426,7 @@ Craft.EditableTable = Garnish.Base.extend(
       allowDelete: false,
       minRows: null,
       maxRows: null,
+      lazyInitRows: true,
       onAddRow: $.noop,
       onDeleteRow: $.noop,
     },

src/web/assets/tablesettings/src/TableFieldSettings.js

@@ -66,6 +66,7 @@
           allowAdd: true,
           allowReorder: true,
           allowDelete: true,
+          lazyInitRows: false,
           onAddRow: this.onAddColumn.bind(this),
           onDeleteRow: this.reconstructDefaultsTable.bind(this),
         }