Fix form editor modal flickering

Author: AdrienClairembault

js/modules/Forms/EditorController.js

@@ -571,6 +571,10 @@ export class GlpiFormEditorController
                 this.#do_preview_after_save = true;
                 break;
 
+            case "stop-propagation":
+                // Dummy event, do nothing.
+                break;
+
             // Unknown action
             default:
                 throw new Error(`Unknown action: ${action}`);

templates/pages/admin/form/conditional_visibility_dropdown.html.twig

@@ -96,7 +96,7 @@
         <div
             class="dropdown-menu dropdown-menu-card animate__animated animate__zoomIn"
         >
-            <div class="card visibility-dropdown-card">
+            <div class="card visibility-dropdown-card" data-glpi-form-editor-on-click="stop-propagation">
                 <div class="card-body">
                     <h3 class="card-title d-flex align-items-center">
                         <i class="ti ti-circuit-changeover me-2"></i>

templates/pages/admin/form/form_destination_actions.html.twig

@@ -100,7 +100,7 @@
         <div
             class="dropdown-menu dropdown-menu-end dropdown-menu-card animate__animated animate__zoomIn"
         >
-            <div class="card visibility-dropdown-card">
+            <div class="card visibility-dropdown-card" data-glpi-form-editor-on-click="stop-propagation">
                 <div class="card-body">
                     <h3 class="card-title d-flex align-items-center">
                         <i class="ti ti-circuit-changeover me-2"></i>

templates/pages/admin/form/submit_button_conditional_visibility_dropdown.html.twig

@@ -68,7 +68,7 @@
         <div
             class="dropdown-menu dropdown-menu-end dropdown-menu-card animate__animated animate__zoomIn"
         >
-            <div class="card visibility-dropdown-card">
+            <div class="card visibility-dropdown-card" data-glpi-form-editor-on-click="stop-propagation">
                 <div class="card-body">
                     <h3 class="card-title d-flex align-items-center">
                         <i class="ti ti-circuit-changeover me-2"></i>