Tutorial: Bubble bei Modal-Steps horizontal am Modal ausrichten, vertikal am Feld

Verhindert dass die Bubble ganz links am Rand landet wenn das
Formularfeld breiter als der verfuegbare Platz ist.

src/static/js/tutorial.js

@@ -1542,6 +1542,15 @@ const Tutorial = {
         }
 
         var rect = el.getBoundingClientRect();
+        // Fuer Modal-Steps: horizontale Positionierung am Modal, vertikale am Feld
+        if (step.bubbleTarget && step.target && step.target.indexOf('#modal-') !== -1) {
+            var modalEl = document.querySelector(step.target);
+            if (modalEl) {
+                var modalRect = modalEl.getBoundingClientRect();
+                rect = { top: rect.top, bottom: rect.bottom, left: modalRect.left, right: modalRect.right,
+                         width: modalRect.width, height: rect.height };
+            }
+        }
         var vw = window.innerWidth;
         var vh = window.innerHeight;
         var gap = 16;