@syncfusion/ej2-schedule 28.1.37 → 28.1.39

package/dist/es6/ej2-schedule.es2015.js

@@ -974,6 +974,8 @@ const ERROR_VALIDATION_CLASS = 'e-schedule-error';
 /** @private */
 const EVENT_TOOLTIP_ROOT_CLASS = 'e-schedule-event-tooltip';
 /** @private */
+const TOOLTIP_HIDDEN_CLASS = 'e-tooltip-hidden';
+/** @private */
 const ALLDAY_ROW_ANIMATE_CLASS = 'e-animate';
 /** @private */
 const TIMESCALE_DISABLE = 'e-timescale-disable';
@@ -2291,13 +2293,13 @@ class KeyboardInteraction {
         if (e.event.target.classList.contains(WORK_CELLS_CLASS) && e.event.which !== 3) {
             this.parent.removeSelectedClass();
             EventHandler.add(this.parent.getContentTable(), 'mousemove', this.onMouseSelection, this);
-            EventHandler.add(this.parent.getContentTable(), 'mouseup', this.onMoveUp, this);
+            EventHandler.add(this.parent.getContentTable(), 'mouseup mouseleave', this.onMoveUp, this);
         }
         if (e.event.target.classList.contains(ALLDAY_CELLS_CLASS) && e.event.which !== 3) {
             this.parent.removeSelectedClass();
             const allDayRow = this.parent.getAllDayRow();
             EventHandler.add(allDayRow, 'mousemove', this.onMouseSelection, this);
-            EventHandler.add(allDayRow, 'mouseup', this.onMoveUp, this);
+            EventHandler.add(allDayRow, 'mouseup mouseleave', this.onMoveUp, this);
         }
     }
     onMouseSelection(e) {
@@ -2328,14 +2330,12 @@ class KeyboardInteraction {
     onMoveUp(e) {
         const appointments = [].slice.call(this.parent.element.querySelectorAll('.' + APPOINTMENT_CLASS));
         removeClass(appointments, 'e-allow-select');
-        if (e.target.classList.contains(WORK_CELLS_CLASS)) {
-            EventHandler.remove(this.parent.getContentTable(), 'mousemove', this.onMouseSelection);
-            EventHandler.remove(this.parent.getContentTable(), 'mouseup', this.onMoveUp);
-        }
+        EventHandler.remove(this.parent.getContentTable(), 'mousemove', this.onMouseSelection);
+        EventHandler.remove(this.parent.getContentTable(), 'mouseup mouseleave', this.onMoveUp);
         if (e.target.classList.contains(ALLDAY_CELLS_CLASS)) {
             const allDayRow = this.parent.getAllDayRow();
             EventHandler.remove(allDayRow, 'mousemove', this.onMouseSelection);
-            EventHandler.remove(allDayRow, 'mouseup', this.onMoveUp);
+            EventHandler.remove(allDayRow, 'mouseup mouseleave', this.onMoveUp);
         }
         if (this.isPreventAction(e)) {
             return;
@@ -10993,6 +10993,7 @@ class EventTooltip {
             target: this.getTargets(),
             beforeRender: this.onBeforeRender.bind(this),
             beforeClose: this.onTooltipClose.bind(this),
+            beforeOpen: this.onTooltipOpen.bind(this),
             enableRtl: this.parent.enableRtl,
             enableHtmlSanitizer: this.parent.enableHtmlSanitizer
         });
@@ -11103,7 +11104,19 @@ class EventTooltip {
             };
             this.setContent(initializeCSPTemplate(contentTemp));
         }
-        this.parent.renderTemplates();
+        this.parent.renderTemplates(() => {
+            if (this.parent && this.parent.isReact && !isNullOrUndefined(this.parent.eventSettings.tooltipTemplate)) {
+                const wraps = (document.querySelector('.' + TOOLTIP_HIDDEN_CLASS));
+                if (wraps) {
+                    removeClass([wraps], TOOLTIP_HIDDEN_CLASS);
+                }
+            }
+        });
+    }
+    onTooltipOpen(args) {
+        if (args.element && this.parent.isReact && !isNullOrUndefined(this.parent.eventSettings.tooltipTemplate)) {
+            addClass([args.element], TOOLTIP_HIDDEN_CLASS);
+        }
     }
     onTooltipClose(args) {
         if (args.element) {
@@ -25010,9 +25023,6 @@ class Month extends ViewBase {
                     args.scrollPosition.left;
             }
         }
-        else {
-            this.scrollToSelectedDate();
-        }
         this.retainScrollPosition();
     }
     scrollToSelectedDate() {