fix

Author: marker dao ®

packages/devextreme/js/__internal/ui/overlay/m_overlay.ts

@@ -357,7 +357,8 @@ class Overlay<
     if (this._showAnimationProcessing) {
       this._stopAnimation();
     }
-    const isAttachedTarget = $(window.document).is(e.target) || domUtils.contains(window.document, e.target);
+    const isAttachedTarget = $(window.document).is(e.target)
+      || domUtils.contains(window.document, e.target);
     const isInnerOverlay = $(e.target).closest(`.${INNER_OVERLAY_CLASS}`).length;
     const outsideClick = isAttachedTarget && !isInnerOverlay && !(this._$content?.is(e.target)
       // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
@@ -695,7 +696,8 @@ class Overlay<
 
   _stopAnimation(): void {
     if (this._$content) {
-      fx.stop(this._$content.get(0), true);
+      // @ts-expect-error ts-error
+      fx.stop(this._$content, true);
     }
   }
 

packages/devextreme/js/__internal/ui/speed_dial_action/m_speed_dial_item.ts

@@ -43,9 +43,9 @@ class SpeedDialItem extends Overlay<SpeedDialItemProperties> {
 
   _currentVisible?: boolean;
 
-  _$wrapper!: dxElementWrapper;
+  _$wrapper?: dxElementWrapper | null;
 
-  _$content!: dxElementWrapper;
+  _$content?: dxElementWrapper | null;
 
   _inkRipple?: any;
 
@@ -82,8 +82,10 @@ class SpeedDialItem extends Overlay<SpeedDialItemProperties> {
   }
 
   _moveToContainer(): void {
-    this._$wrapper.appendTo(this.$element());
-    this._$content.appendTo(this._$wrapper);
+    if (this._$wrapper) {
+      this._$wrapper?.appendTo(this.$element());
+      this._$content?.appendTo(this._$wrapper);
+    }
   }
 
   _render(): void {
@@ -198,8 +200,8 @@ class SpeedDialItem extends Overlay<SpeedDialItemProperties> {
   _updateZIndexStackPosition(): void {
     const { zIndex } = this.option();
 
-    this._$wrapper.css('zIndex', zIndex);
-    this._$content.css('zIndex', zIndex);
+    this._$wrapper?.css('zIndex', zIndex);
+    this._$content?.css('zIndex', zIndex);
   }
 
   _setClickAction(): void {

packages/devextreme/js/__internal/ui/speed_dial_action/m_speed_dial_main_item.ts

@@ -239,7 +239,7 @@ class SpeedDialMainItem extends SpeedDialItem {
       actions[i].option('animation', this._getActionAnimation(actions[i], i, lastActionIndex));
       actions[i].option('position', this._getActionPosition(actions, i));
       // @ts-expect-error
-      actions[i]._$wrapper.css('position', this._$wrapper.css('position'));
+      actions[i]._$wrapper?.css('position', this._$wrapper?.css('position'));
       actions[i].toggle();
     }
 
@@ -353,7 +353,7 @@ class SpeedDialMainItem extends SpeedDialItem {
 
   _outsideClickHandler(e): void {
     if (this._isShadingShown) {
-      const isShadingClick = $(e.target)[0] === this._$wrapper[0];
+      const isShadingClick = $(e.target)[0] === this._$wrapper?.[0];
 
       if (isShadingClick) {
         e.preventDefault();