Fix: Restore single-row inline editing behavior (#1244)

Previously, multiple rows could be edited simultaneously in inline edit mode.
This restores the original behavior where only one row can be edited at a time.

When inline editing starts (_datagrid_inline_editing), all edit trigger buttons
are now hidden. When editing completes or is cancelled, the triggers are shown
again, allowing another row to be edited.

Author: radimvaculik

assets/plugins/features/inline.ts

@@ -10,6 +10,14 @@ export class InlinePlugin implements DatagridPlugin {
 		datagrid.ajax.addEventListener('success', ({ detail: { payload } }) => {
 			if (!payload._datagrid_name || payload._datagrid_name !== datagrid.name) return;
 
+			// Hide all edit triggers when inline editing starts
+			if (payload._datagrid_inline_editing) {
+				datagrid.el.querySelectorAll<HTMLElement>(".datagrid-inline-edit-trigger").forEach(trigger => {
+					trigger.classList.add("hidden");
+				});
+			}
+
+			// Show all edit triggers and mark row as edited when editing completes or is cancelled
 			if (payload._datagrid_inline_edited || payload._datagrid_inline_edit_cancel) {
 				if (payload._datagrid_inline_edited) {
 					let rows = datagrid.el.querySelectorAll<HTMLTableCellElement>(
@@ -21,6 +29,11 @@ export class InlinePlugin implements DatagridPlugin {
 					});
 				}
 
+				// Show all edit triggers again
+				datagrid.el.querySelectorAll<HTMLElement>(".datagrid-inline-edit-trigger").forEach(trigger => {
+					trigger.classList.remove("hidden");
+				});
+
 				return;
 			}