fix

Author: marker dao ®

packages/devextreme/js/__internal/core/widget/widget.ts

@@ -336,7 +336,7 @@ class Widget<
     // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
     const $focusTarget = $element && $element.length ? $element : this._focusTarget();
 
-    $focusTarget.toggleClass(FOCUSED_STATE_CLASS, isFocused);
+    $focusTarget?.toggleClass(FOCUSED_STATE_CLASS, isFocused);
   }
 
   _hasFocusClass(element?: dxElementWrapper): boolean {
@@ -413,7 +413,7 @@ class Widget<
   _cleanFocusState(): void {
     const $element = this._focusTarget();
 
-    $element.removeAttr('tabIndex');
+    $element?.removeAttr('tabIndex');
     this._toggleFocusClass(false);
     this._detachFocusEvents();
     this._detachKeyboardEvents();

packages/devextreme/js/__internal/ui/collection/collection_widget.base.ts

@@ -558,7 +558,7 @@ class CollectionWidget<
     return shouldSkipRefreshId;
   }
 
-  _refreshActiveDescendant($target?: dxElementWrapper): void {
+  _refreshActiveDescendant($target?: dxElementWrapper | null): void {
     const { focusedElement } = this.option();
 
     if (isDefined(focusedElement)) {

packages/devextreme/js/__internal/ui/context_menu/m_context_menu.ts

@@ -181,7 +181,7 @@ class ContextMenu extends MenuBase {
 
   _itemContainer(): dxElementWrapper {
     // @ts-expect-error
-    return this._overlay ? this._overlay.$content() : $();
+    return this._overlay?.$content() ?? $();
   }
 
   _eventBindingTarget(): dxElementWrapper {
@@ -425,6 +425,11 @@ class ContextMenu extends MenuBase {
 
     // @ts-expect-error
     const $overlayContent = this._overlay.$content();
+
+    if (!$overlayContent) {
+      return;
+    }
+
     $overlayContent.addClass(DX_CONTEXT_MENU_CLASS);
 
     this._addCustomCssClass($overlayContent);
@@ -669,7 +674,7 @@ class ContextMenu extends MenuBase {
 
   _getItemsContainers(): dxElementWrapper {
     // @ts-expect-error
-    return this._overlay.$content().find(`.${DX_MENU_ITEMS_CONTAINER_CLASS}`);
+    return this._overlay?.$content()?.find(`.${DX_MENU_ITEMS_CONTAINER_CLASS}`) ?? $();
   }
 
   _searchActiveItem(target): dxElementWrapper {
@@ -977,7 +982,7 @@ class ContextMenu extends MenuBase {
   _hideAllShownSubmenus(): void {
     const shownSubmenus = extend([], this._shownSubmenus);
     // @ts-expect-error
-    const $expandedItems = this._overlay.$content().find(`.${DX_MENU_ITEM_EXPANDED_CLASS}`);
+    const $expandedItems = this._overlay?.$content()?.find(`.${DX_MENU_ITEM_EXPANDED_CLASS}`) ?? $();
 
     $expandedItems.removeClass(DX_MENU_ITEM_EXPANDED_CLASS);
 
@@ -1051,8 +1056,7 @@ class ContextMenu extends MenuBase {
     if (position) {
       if (!this._overlay) {
         this._renderContextMenuOverlay();
-        // @ts-expect-error
-        this._overlay.$content().addClass(this._widgetClass());
+        (this._overlay as unknown as Overlay).$content()?.addClass(this._widgetClass());
         this._renderFocusState();
         this._attachHoverEvents();
         this._attachClickEvent();

packages/devextreme/js/__internal/ui/drawer/m_drawer.rendering.strategy.overlap.ts

@@ -161,19 +161,22 @@ class OverlapStrategy extends DrawerStrategy {
       } else if (revealMode === 'expand') {
         // @ts-expect-error
         this._initialPosition = drawer.isHorizontalDirection() ? { left: 0 } : { top: 0 };
-        // @ts-expect-error
-        move($panelOverlayContent, this._initialPosition);
 
-        animation.size({
-          complete: () => {
-            whenAnimationCompleted.resolve();
-          },
-          duration: drawer.option('animationDuration'),
-          direction: targetPanelPosition,
-          $element: $panelOverlayContent,
-          size: panelSize,
-          marginTop,
-        });
+        if ($panelOverlayContent) {
+          // @ts-expect-error
+          move($panelOverlayContent, this._initialPosition);
+
+          animation.size({
+            complete: () => {
+              whenAnimationCompleted?.resolve();
+            },
+            duration: drawer.option('animationDuration'),
+            direction: targetPanelPosition,
+            $element: $panelOverlayContent,
+            size: panelSize,
+            marginTop,
+          });
+        }
       }
     } else if (revealMode === 'slide') {
       // @ts-expect-error
@@ -183,8 +186,10 @@ class OverlapStrategy extends DrawerStrategy {
     } else if (revealMode === 'expand') {
       // @ts-expect-error
       this._initialPosition = drawer.isHorizontalDirection() ? { left: 0 } : { top: 0 };
-      // @ts-expect-error
-      move($panelOverlayContent, this._initialPosition);
+      if ($panelOverlayContent) {
+        // @ts-expect-error
+        move($panelOverlayContent, this._initialPosition);
+      }
       // @ts-expect-error
       if (drawer.isHorizontalDirection()) {
         $($panelOverlayContent).css('width', panelSize);

packages/devextreme/js/__internal/ui/drop_down_editor/m_drop_down_button.ts

@@ -21,7 +21,7 @@ export default class DropDownButton extends TextEditorButton {
     this.currentTemplate = null;
   }
 
-  _attachEvents(instance): void {
+  _attachEvents(instance: Button): void {
     instance.option('onClick', (e) => {
       // @ts-expect-error _shouldCallOpenHandler should be typed
       if (this.editor?._shouldCallOpenHandler?.()) {

packages/devextreme/js/ui/diagram/ui.diagram.dialogs.js

@@ -101,8 +101,8 @@ class DiagramDialog extends Widget {
     }
     _show() {
         this._popup
-            .$content()
-            .empty()
+            ?.$content()
+            ?.empty()
             .append(this._onGetContentAction());
         this._popup.show();
         this._isShown = true;

packages/devextreme/js/ui/file_manager/ui.file_manager.notification.js

@@ -239,7 +239,7 @@ export default class FileManagerNotificationControl extends Widget {
         if(this._isProgressDrawerOpened() || !this.option('showNotificationPopup')) {
             return;
         }
-        this._getNotificationPopup().$wrapper().toggleClass(FILE_MANAGER_NOTIFICATION_POPUP_ERROR_CLASS, !!errorMode);
+        this._getNotificationPopup().$wrapper()?.toggleClass(FILE_MANAGER_NOTIFICATION_POPUP_ERROR_CLASS, !!errorMode);
         this._getNotificationPopup().option('contentTemplate', content);
         if(!this._getNotificationPopup().option('visible')) {
             this._getNotificationPopup().show();