diff --git a/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts
index 28a77df9d620..891e216cdd71 100644
--- a/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/autocomplete/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoAutocompleteDropDownOptionsComponent extends NestedOption implem
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts
index 905154b4a972..2e9ac1d15b8b 100644
--- a/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/color-box/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoColorBoxDropDownOptionsComponent extends NestedOption implements
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts b/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts
index 302a86d9cfd6..50c6cb492f63 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/filter-builder-popup.ts
@@ -132,6 +132,14 @@ export class DxoDataGridFilterBuilderPopupComponent extends NestedOption impleme
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts b/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts
index 70275245e815..9fdeb83e6405 100644
--- a/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts
+++ b/packages/devextreme-angular/src/ui/data-grid/nested/popup.ts
@@ -132,6 +132,14 @@ export class DxoDataGridPopupComponent extends NestedOption implements OnDestroy
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts
index 947c8dd40195..1cd83896c6d3 100644
--- a/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/date-box/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoDateBoxDropDownOptionsComponent extends NestedOption implements
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts
index 3816595b5463..eafbf3b0c230 100644
--- a/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/date-range-box/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoDateRangeBoxDropDownOptionsComponent extends NestedOption implem
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts
index ae02021ae604..dc1687b85989 100644
--- a/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-box/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoDropDownBoxDropDownOptionsComponent extends NestedOption impleme
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts
index 3670a9e5f83c..8e60b4565969 100644
--- a/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/drop-down-button/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoDropDownButtonDropDownOptionsComponent extends NestedOption impl
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts
index 442e222d44b6..72c606c3f1a6 100644
--- a/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/lookup/nested/drop-down-options.ts
@@ -97,6 +97,14 @@ export class DxoLookupDropDownOptionsComponent extends NestedOption implements O
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get height(): number | string {
         return this._getOption('height');
diff --git a/packages/devextreme-angular/src/ui/nested/base/popup-options.ts b/packages/devextreme-angular/src/ui/nested/base/popup-options.ts
index bc31c24c8ad2..54336fae3b59 100644
--- a/packages/devextreme-angular/src/ui/nested/base/popup-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/base/popup-options.ts
@@ -85,6 +85,13 @@ export abstract class DxoPopupOptions extends NestedOption {
         this._setOption('enableBodyScroll', value);
     }
 
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
     }
diff --git a/packages/devextreme-angular/src/ui/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/nested/drop-down-options.ts
index f7e64f96af5b..51a61544a7b4 100644
--- a/packages/devextreme-angular/src/ui/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/nested/drop-down-options.ts
@@ -50,6 +50,7 @@ import {
         'dragEnabled',
         'dragOutsideBoundary',
         'enableBodyScroll',
+        'focusLoopEnabled',
         'focusStateEnabled',
         'fullScreen',
         'height',
diff --git a/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts b/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts
index 90edc01fdbfe..b1de42f9e752 100644
--- a/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts
+++ b/packages/devextreme-angular/src/ui/nested/filter-builder-popup.ts
@@ -50,6 +50,7 @@ import {
         'dragEnabled',
         'dragOutsideBoundary',
         'enableBodyScroll',
+        'focusLoopEnabled',
         'focusStateEnabled',
         'fullScreen',
         'height',
diff --git a/packages/devextreme-angular/src/ui/nested/popup.ts b/packages/devextreme-angular/src/ui/nested/popup.ts
index 6b75a8d5f380..89e074c66a67 100644
--- a/packages/devextreme-angular/src/ui/nested/popup.ts
+++ b/packages/devextreme-angular/src/ui/nested/popup.ts
@@ -50,6 +50,7 @@ import {
         'dragEnabled',
         'dragOutsideBoundary',
         'enableBodyScroll',
+        'focusLoopEnabled',
         'focusStateEnabled',
         'fullScreen',
         'height',
diff --git a/packages/devextreme-angular/src/ui/popover/index.ts b/packages/devextreme-angular/src/ui/popover/index.ts
index 54e628b53e4c..48f913a41502 100644
--- a/packages/devextreme-angular/src/ui/popover/index.ts
+++ b/packages/devextreme-angular/src/ui/popover/index.ts
@@ -179,6 +179,19 @@ export class DxPopoverComponent extends DxComponent implements OnDestroy, OnChan
     }
 
 
+    /**
+     * [descr:dxPopupOptions.focusLoopEnabled]
+    
+     */
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
+
     /**
      * [descr:dxPopoverOptions.height]
     
@@ -604,6 +617,13 @@ export class DxPopoverComponent extends DxComponent implements OnDestroy, OnChan
      */
     @Output() enableBodyScrollChange: EventEmitter<boolean>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() focusLoopEnabledChange: EventEmitter<boolean>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -800,6 +820,7 @@ export class DxPopoverComponent extends DxComponent implements OnDestroy, OnChan
             { emit: 'deferRenderingChange' },
             { emit: 'disabledChange' },
             { emit: 'enableBodyScrollChange' },
+            { emit: 'focusLoopEnabledChange' },
             { emit: 'heightChange' },
             { emit: 'hideEventChange' },
             { emit: 'hideOnOutsideClickChange' },
diff --git a/packages/devextreme-angular/src/ui/popup/component.ts b/packages/devextreme-angular/src/ui/popup/component.ts
index 931a174c30c9..b476d79d9a0c 100644
--- a/packages/devextreme-angular/src/ui/popup/component.ts
+++ b/packages/devextreme-angular/src/ui/popup/component.ts
@@ -227,6 +227,19 @@ export class DxPopupComponent extends DxComponent implements OnDestroy, OnChange
     }
 
 
+    /**
+     * [descr:dxPopupOptions.focusLoopEnabled]
+    
+     */
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
+
     /**
      * [descr:dxPopupOptions.focusStateEnabled]
     
@@ -730,6 +743,13 @@ export class DxPopupComponent extends DxComponent implements OnDestroy, OnChange
      */
     @Output() enableBodyScrollChange: EventEmitter<boolean>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() focusLoopEnabledChange: EventEmitter<boolean>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -947,6 +967,7 @@ export class DxPopupComponent extends DxComponent implements OnDestroy, OnChange
             { emit: 'dragEnabledChange' },
             { emit: 'dragOutsideBoundaryChange' },
             { emit: 'enableBodyScrollChange' },
+            { emit: 'focusLoopEnabledChange' },
             { emit: 'focusStateEnabledChange' },
             { emit: 'fullScreenChange' },
             { emit: 'heightChange' },
diff --git a/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts
index f5cdeef93cb5..f402b8ac261a 100644
--- a/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/select-box/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoSelectBoxDropDownOptionsComponent extends NestedOption implement
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts b/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts
index e5bf5e7d3194..bcae5f7f4954 100644
--- a/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts
+++ b/packages/devextreme-angular/src/ui/tag-box/nested/drop-down-options.ts
@@ -132,6 +132,14 @@ export class DxoTagBoxDropDownOptionsComponent extends NestedOption implements O
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/tooltip/index.ts b/packages/devextreme-angular/src/ui/tooltip/index.ts
index 083e3d6d9a08..86e48dce4a16 100644
--- a/packages/devextreme-angular/src/ui/tooltip/index.ts
+++ b/packages/devextreme-angular/src/ui/tooltip/index.ts
@@ -148,6 +148,19 @@ export class DxTooltipComponent extends DxComponent implements OnDestroy {
     }
 
 
+    /**
+     * [descr:dxPopupOptions.focusLoopEnabled]
+    
+     */
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
+
     /**
      * [descr:dxPopoverOptions.height]
     
@@ -493,6 +506,13 @@ export class DxTooltipComponent extends DxComponent implements OnDestroy {
      */
     @Output() disabledChange: EventEmitter<boolean>;
 
+    /**
+    
+     * This member supports the internal infrastructure and is not intended to be used directly from your code.
+    
+     */
+    @Output() focusLoopEnabledChange: EventEmitter<boolean>;
+
     /**
     
      * This member supports the internal infrastructure and is not intended to be used directly from your code.
@@ -651,6 +671,7 @@ export class DxTooltipComponent extends DxComponent implements OnDestroy {
             { emit: 'contentTemplateChange' },
             { emit: 'deferRenderingChange' },
             { emit: 'disabledChange' },
+            { emit: 'focusLoopEnabledChange' },
             { emit: 'heightChange' },
             { emit: 'hideEventChange' },
             { emit: 'hideOnOutsideClickChange' },
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts b/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts
index f2b46708f424..936109ac12e9 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/filter-builder-popup.ts
@@ -132,6 +132,14 @@ export class DxoTreeListFilterBuilderPopupComponent extends NestedOption impleme
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts b/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts
index 0e530dc2896d..6c9d2e7fa524 100644
--- a/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts
+++ b/packages/devextreme-angular/src/ui/tree-list/nested/popup.ts
@@ -132,6 +132,14 @@ export class DxoTreeListPopupComponent extends NestedOption implements OnDestroy
         this._setOption('enableBodyScroll', value);
     }
 
+    @Input()
+    get focusLoopEnabled(): boolean {
+        return this._getOption('focusLoopEnabled');
+    }
+    set focusLoopEnabled(value: boolean) {
+        this._setOption('focusLoopEnabled', value);
+    }
+
     @Input()
     get focusStateEnabled(): boolean {
         return this._getOption('focusStateEnabled');
diff --git a/packages/devextreme-react/src/autocomplete.ts b/packages/devextreme-react/src/autocomplete.ts
index 47e2f7e49c26..58847b6d8352 100644
--- a/packages/devextreme-react/src/autocomplete.ts
+++ b/packages/devextreme-react/src/autocomplete.ts
@@ -246,6 +246,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/color-box.ts b/packages/devextreme-react/src/color-box.ts
index 1063c5c9b59b..e0dcebf97566 100644
--- a/packages/devextreme-react/src/color-box.ts
+++ b/packages/devextreme-react/src/color-box.ts
@@ -237,6 +237,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/data-grid.ts b/packages/devextreme-react/src/data-grid.ts
index f1773138c4c5..3e8ce77f0bc8 100644
--- a/packages/devextreme-react/src/data-grid.ts
+++ b/packages/devextreme-react/src/data-grid.ts
@@ -1640,6 +1640,7 @@ type IFilterBuilderPopupProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
@@ -2832,6 +2833,7 @@ type IPopupProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/date-box.ts b/packages/devextreme-react/src/date-box.ts
index 3ba0d33fd256..2634db701e33 100644
--- a/packages/devextreme-react/src/date-box.ts
+++ b/packages/devextreme-react/src/date-box.ts
@@ -330,6 +330,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/date-range-box.ts b/packages/devextreme-react/src/date-range-box.ts
index aed0ca125d1d..038d42c4b559 100644
--- a/packages/devextreme-react/src/date-range-box.ts
+++ b/packages/devextreme-react/src/date-range-box.ts
@@ -335,6 +335,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/drop-down-box.ts b/packages/devextreme-react/src/drop-down-box.ts
index ce01022a167d..71eec64f3ae8 100644
--- a/packages/devextreme-react/src/drop-down-box.ts
+++ b/packages/devextreme-react/src/drop-down-box.ts
@@ -241,6 +241,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/drop-down-button.ts b/packages/devextreme-react/src/drop-down-button.ts
index 2c06e7766b52..b1b9715f635c 100644
--- a/packages/devextreme-react/src/drop-down-button.ts
+++ b/packages/devextreme-react/src/drop-down-button.ts
@@ -196,6 +196,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/lookup.ts b/packages/devextreme-react/src/lookup.ts
index 25bb3d4c4066..323e92733058 100644
--- a/packages/devextreme-react/src/lookup.ts
+++ b/packages/devextreme-react/src/lookup.ts
@@ -204,6 +204,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   deferRendering?: boolean;
   disabled?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   height?: number | string;
   hideEvent?: Record<string, any> | string | undefined | {
     delay?: number | undefined;
diff --git a/packages/devextreme-react/src/select-box.ts b/packages/devextreme-react/src/select-box.ts
index bff5f49f379e..0e34281670a0 100644
--- a/packages/devextreme-react/src/select-box.ts
+++ b/packages/devextreme-react/src/select-box.ts
@@ -255,6 +255,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/tag-box.ts b/packages/devextreme-react/src/tag-box.ts
index b58a368edac7..c472a95097c4 100644
--- a/packages/devextreme-react/src/tag-box.ts
+++ b/packages/devextreme-react/src/tag-box.ts
@@ -261,6 +261,7 @@ type IDropDownOptionsProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-react/src/tree-list.ts b/packages/devextreme-react/src/tree-list.ts
index 6460444aa3e5..9a26111a565a 100644
--- a/packages/devextreme-react/src/tree-list.ts
+++ b/packages/devextreme-react/src/tree-list.ts
@@ -1409,6 +1409,7 @@ type IFilterBuilderPopupProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
@@ -2464,6 +2465,7 @@ type IPopupProps = React.PropsWithChildren<{
   dragEnabled?: boolean;
   dragOutsideBoundary?: boolean;
   enableBodyScroll?: boolean;
+  focusLoopEnabled?: boolean;
   focusStateEnabled?: boolean;
   fullScreen?: boolean;
   height?: number | string;
diff --git a/packages/devextreme-vue/src/autocomplete.ts b/packages/devextreme-vue/src/autocomplete.ts
index dade5b9a8a43..dbc1d163afa9 100644
--- a/packages/devextreme-vue/src/autocomplete.ts
+++ b/packages/devextreme-vue/src/autocomplete.ts
@@ -468,6 +468,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -518,6 +519,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/color-box.ts b/packages/devextreme-vue/src/color-box.ts
index ef1bc37b131a..b5daadbd68cb 100644
--- a/packages/devextreme-vue/src/color-box.ts
+++ b/packages/devextreme-vue/src/color-box.ts
@@ -417,6 +417,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -467,6 +468,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/data-grid.ts b/packages/devextreme-vue/src/data-grid.ts
index 909b4effa915..6d02d72dd74c 100644
--- a/packages/devextreme-vue/src/data-grid.ts
+++ b/packages/devextreme-vue/src/data-grid.ts
@@ -2230,6 +2230,7 @@ const DxFilterBuilderPopupConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -2280,6 +2281,7 @@ const DxFilterBuilderPopupConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
@@ -3497,6 +3499,7 @@ const DxPopupConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -3547,6 +3550,7 @@ const DxPopupConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/date-box.ts b/packages/devextreme-vue/src/date-box.ts
index a5957c5a99eb..680c1cde13da 100644
--- a/packages/devextreme-vue/src/date-box.ts
+++ b/packages/devextreme-vue/src/date-box.ts
@@ -606,6 +606,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -656,6 +657,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/date-range-box.ts b/packages/devextreme-vue/src/date-range-box.ts
index ff5f88b085c1..89812c26a106 100644
--- a/packages/devextreme-vue/src/date-range-box.ts
+++ b/packages/devextreme-vue/src/date-range-box.ts
@@ -615,6 +615,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -665,6 +666,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/drop-down-box.ts b/packages/devextreme-vue/src/drop-down-box.ts
index 9fcc93346eb6..b7ac00825c5c 100644
--- a/packages/devextreme-vue/src/drop-down-box.ts
+++ b/packages/devextreme-vue/src/drop-down-box.ts
@@ -432,6 +432,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -482,6 +483,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/drop-down-button.ts b/packages/devextreme-vue/src/drop-down-button.ts
index 86f556f124c6..3dd25c126312 100644
--- a/packages/devextreme-vue/src/drop-down-button.ts
+++ b/packages/devextreme-vue/src/drop-down-button.ts
@@ -311,6 +311,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -361,6 +362,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/lookup.ts b/packages/devextreme-vue/src/lookup.ts
index 2c98c0120be3..64788d5f4fef 100644
--- a/packages/devextreme-vue/src/lookup.ts
+++ b/packages/devextreme-vue/src/lookup.ts
@@ -444,6 +444,7 @@ const DxDropDownOptionsConfig = {
     "update:deferRendering": null,
     "update:disabled": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:height": null,
     "update:hideEvent": null,
     "update:hideOnOutsideClick": null,
@@ -485,6 +486,7 @@ const DxDropDownOptionsConfig = {
     deferRendering: Boolean,
     disabled: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     height: [Number, String],
     hideEvent: [Object, String] as PropType<Record<string, any> | string>,
     hideOnOutsideClick: [Boolean, Function] as PropType<boolean | (((event: event) => boolean))>,
diff --git a/packages/devextreme-vue/src/popover.ts b/packages/devextreme-vue/src/popover.ts
index cd9c13bcfbbf..3ad16c73d8b1 100644
--- a/packages/devextreme-vue/src/popover.ts
+++ b/packages/devextreme-vue/src/popover.ts
@@ -50,6 +50,7 @@ type AccessibleOptions = Pick<Properties,
   "deferRendering" |
   "disabled" |
   "enableBodyScroll" |
+  "focusLoopEnabled" |
   "height" |
   "hideEvent" |
   "hideOnOutsideClick" |
@@ -97,6 +98,7 @@ const componentConfig = {
     deferRendering: Boolean,
     disabled: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     height: [Number, String],
     hideEvent: [Object, String] as PropType<Record<string, any> | string>,
     hideOnOutsideClick: [Boolean, Function] as PropType<boolean | (((event: event) => boolean))>,
@@ -140,6 +142,7 @@ const componentConfig = {
     "update:deferRendering": null,
     "update:disabled": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:height": null,
     "update:hideEvent": null,
     "update:hideOnOutsideClick": null,
diff --git a/packages/devextreme-vue/src/popup.ts b/packages/devextreme-vue/src/popup.ts
index 53be772451bd..df569f6987db 100644
--- a/packages/devextreme-vue/src/popup.ts
+++ b/packages/devextreme-vue/src/popup.ts
@@ -51,6 +51,7 @@ type AccessibleOptions = Pick<Properties,
   "dragEnabled" |
   "dragOutsideBoundary" |
   "enableBodyScroll" |
+  "focusLoopEnabled" |
   "focusStateEnabled" |
   "fullScreen" |
   "height" |
@@ -107,6 +108,7 @@ const componentConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
@@ -159,6 +161,7 @@ const componentConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
diff --git a/packages/devextreme-vue/src/select-box.ts b/packages/devextreme-vue/src/select-box.ts
index 66a6820b291d..7b5e3f94b917 100644
--- a/packages/devextreme-vue/src/select-box.ts
+++ b/packages/devextreme-vue/src/select-box.ts
@@ -498,6 +498,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -548,6 +549,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/tag-box.ts b/packages/devextreme-vue/src/tag-box.ts
index 81684434bd34..1e2f58f2596b 100644
--- a/packages/devextreme-vue/src/tag-box.ts
+++ b/packages/devextreme-vue/src/tag-box.ts
@@ -517,6 +517,7 @@ const DxDropDownOptionsConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -567,6 +568,7 @@ const DxDropDownOptionsConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme-vue/src/tooltip.ts b/packages/devextreme-vue/src/tooltip.ts
index eb1a64b160a3..4dea425c8b5c 100644
--- a/packages/devextreme-vue/src/tooltip.ts
+++ b/packages/devextreme-vue/src/tooltip.ts
@@ -38,6 +38,7 @@ type AccessibleOptions = Pick<Properties,
   "contentTemplate" |
   "deferRendering" |
   "disabled" |
+  "focusLoopEnabled" |
   "height" |
   "hideEvent" |
   "hideOnOutsideClick" |
@@ -78,6 +79,7 @@ const componentConfig = {
     contentTemplate: {},
     deferRendering: Boolean,
     disabled: Boolean,
+    focusLoopEnabled: Boolean,
     height: [Number, String],
     hideEvent: [Object, String] as PropType<Record<string, any> | string>,
     hideOnOutsideClick: [Boolean, Function] as PropType<boolean | (((event: event) => boolean))>,
@@ -114,6 +116,7 @@ const componentConfig = {
     "update:contentTemplate": null,
     "update:deferRendering": null,
     "update:disabled": null,
+    "update:focusLoopEnabled": null,
     "update:height": null,
     "update:hideEvent": null,
     "update:hideOnOutsideClick": null,
diff --git a/packages/devextreme-vue/src/tree-list.ts b/packages/devextreme-vue/src/tree-list.ts
index c684080c56d6..1cd588f32a13 100644
--- a/packages/devextreme-vue/src/tree-list.ts
+++ b/packages/devextreme-vue/src/tree-list.ts
@@ -2007,6 +2007,7 @@ const DxFilterBuilderPopupConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -2057,6 +2058,7 @@ const DxFilterBuilderPopupConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
@@ -3139,6 +3141,7 @@ const DxPopupConfig = {
     "update:dragEnabled": null,
     "update:dragOutsideBoundary": null,
     "update:enableBodyScroll": null,
+    "update:focusLoopEnabled": null,
     "update:focusStateEnabled": null,
     "update:fullScreen": null,
     "update:height": null,
@@ -3189,6 +3192,7 @@ const DxPopupConfig = {
     dragEnabled: Boolean,
     dragOutsideBoundary: Boolean,
     enableBodyScroll: Boolean,
+    focusLoopEnabled: Boolean,
     focusStateEnabled: Boolean,
     fullScreen: Boolean,
     height: [Number, String],
diff --git a/packages/devextreme/js/__internal/grids/grid_core/column_chooser/m_column_chooser.ts b/packages/devextreme/js/__internal/grids/grid_core/column_chooser/m_column_chooser.ts
index f12a6a54cf19..f039a5956c0c 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/column_chooser/m_column_chooser.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/column_chooser/m_column_chooser.ts
@@ -173,7 +173,7 @@ export class ColumnChooserView extends ColumnsView {
       height: columnChooserOptions.height,
       rtlEnabled: that.option('rtlEnabled'),
       container: columnChooserOptions.container,
-      _loopFocus: true,
+      focusLoopEnabled: true,
       _ignoreCloseOnChildEscape: true,
     } as PopupProperties;
 
diff --git a/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter_core.ts b/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter_core.ts
index f094cd25c59a..0e798bdab60a 100644
--- a/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter_core.ts
+++ b/packages/devextreme/js/__internal/grids/grid_core/header_filter/m_header_filter_core.ts
@@ -330,7 +330,7 @@ export class HeaderFilterView extends Modules.View {
         // T321243
         component.option('animation', component._getDefaultOptions().animation);
       },
-      _loopFocus: true,
+      focusLoopEnabled: true,
     };
 
     if (!isDefined(that._popupContainer)) {
diff --git a/packages/devextreme/js/__internal/grids/new/grid_core/column_chooser/column_chooser.tsx b/packages/devextreme/js/__internal/grids/new/grid_core/column_chooser/column_chooser.tsx
index 00fda99333a4..7d3b86d3bcb1 100644
--- a/packages/devextreme/js/__internal/grids/new/grid_core/column_chooser/column_chooser.tsx
+++ b/packages/devextreme/js/__internal/grids/new/grid_core/column_chooser/column_chooser.tsx
@@ -87,8 +87,7 @@ export class ColumnChooser extends Component<ColumnChooserProps> {
           dragEnabled={true}
           resizeEnabled={true}
           showCloseButton={true}
-          // @ts-expect-error
-          _loopFocus={true}
+          focusLoopEnabled={true}
 
           toolbarItems={toolbarItems}
           wrapperAttr={{ class: this.getPopupWrapperClass() }}
diff --git a/packages/devextreme/js/__internal/scheduler/m_compact_appointments_helper.ts b/packages/devextreme/js/__internal/scheduler/m_compact_appointments_helper.ts
index 4214cf6750ec..f0aeb6568dec 100644
--- a/packages/devextreme/js/__internal/scheduler/m_compact_appointments_helper.ts
+++ b/packages/devextreme/js/__internal/scheduler/m_compact_appointments_helper.ts
@@ -59,7 +59,7 @@ export class CompactAppointmentsHelper {
       clickEvent: this._clickEvent(options.onAppointmentClick).bind(this),
       dragBehavior: options.allowDrag && this._createTooltipDragBehavior($appointmentCollector).bind(this),
       isButtonClick: true,
-      _loopFocus: true,
+      focusLoopEnabled: true,
     };
   }
 
diff --git a/packages/devextreme/js/__internal/scheduler/tooltip_strategies/m_desktop_tooltip_strategy.ts b/packages/devextreme/js/__internal/scheduler/tooltip_strategies/m_desktop_tooltip_strategy.ts
index 986748d6a455..4266c5e9885f 100644
--- a/packages/devextreme/js/__internal/scheduler/tooltip_strategies/m_desktop_tooltip_strategy.ts
+++ b/packages/devextreme/js/__internal/scheduler/tooltip_strategies/m_desktop_tooltip_strategy.ts
@@ -50,7 +50,7 @@ export class DesktopTooltipStrategy extends TooltipStrategyBase {
       onShown: this.onShown.bind(this),
       contentTemplate: this.getContentTemplate(dataList),
       wrapperAttr: { class: APPOINTMENT_TOOLTIP_WRAPPER_CLASS },
-      _loopFocus: this.extraOptions._loopFocus,
+      focusLoopEnabled: this.extraOptions.focusLoopEnabled,
     });
 
     tooltip.setAria({
diff --git a/packages/devextreme/js/__internal/ui/m_lookup.ts b/packages/devextreme/js/__internal/ui/m_lookup.ts
index 2c78a4e9af79..e7e9bf5466d5 100644
--- a/packages/devextreme/js/__internal/ui/m_lookup.ts
+++ b/packages/devextreme/js/__internal/ui/m_lookup.ts
@@ -710,7 +710,7 @@ class Lookup extends DropDownList<LookupProperties> {
       shading: dropDownOptions.shading,
       // @ts-expect-error ts-error
       hideOnOutsideClick: dropDownOptions.hideOnOutsideClick,
-      _loopFocus: shouldLoopFocusInsidePopup,
+      focusLoopEnabled: shouldLoopFocusInsidePopup,
     });
 
     delete result.animation;
diff --git a/packages/devextreme/js/__internal/ui/overlay/overlay.ts b/packages/devextreme/js/__internal/ui/overlay/overlay.ts
index d03c6c326ed4..36f13e456e22 100644
--- a/packages/devextreme/js/__internal/ui/overlay/overlay.ts
+++ b/packages/devextreme/js/__internal/ui/overlay/overlay.ts
@@ -120,7 +120,7 @@ export interface OverlayProperties extends Properties {
 
   zIndex?: number;
 
-  _loopFocus?: boolean;
+  focusLoopEnabled?: boolean;
 
   _ignorePreventScrollEventsDeprecation?: boolean;
 
@@ -294,7 +294,7 @@ class Overlay<
       ignoreChildEvents: true,
       _checkParentVisibility: true,
       _fixWrapperPosition: false,
-      _loopFocus: false,
+      focusLoopEnabled: false,
       _ignorePreventScrollEventsDeprecation: false,
       // NOTE: private option
       hideTopOverlayHandler: (): void => {
@@ -939,12 +939,11 @@ class Overlay<
   }
 
   _toggleTabTerminator(enabled: boolean): void {
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    const { _loopFocus } = this.option();
+    const { focusLoopEnabled } = this.option();
     // @ts-expect-error NAME has string | undefined type
     const eventName = addNamespace('keydown', this.NAME);
 
-    if (_loopFocus || enabled) {
+    if (focusLoopEnabled || enabled) {
       eventsEngine.on(domAdapter.getDocument(), eventName, this._proxiedTabTerminatorHandler);
     } else {
       this._destroyTabTerminator();
@@ -1527,7 +1526,7 @@ class Overlay<
     switch (name) {
       case 'animation':
         break;
-      case '_loopFocus':
+      case 'focusLoopEnabled':
       case 'shading': {
         this._toggleShading(this._isVisible());
         this._toggleSafariScrolling();
diff --git a/packages/devextreme/js/__internal/ui/popover/m_popover.ts b/packages/devextreme/js/__internal/ui/popover/m_popover.ts
index 908801798f29..8d47110907dd 100644
--- a/packages/devextreme/js/__internal/ui/popover/m_popover.ts
+++ b/packages/devextreme/js/__internal/ui/popover/m_popover.ts
@@ -191,6 +191,7 @@ class Popover<
   _initEscapeKeyHandler(): void {
     this._documentEscapeKeyHandler = (e: KeyboardEvent): void => {
       const { visible } = this.option();
+
       const overlayStack = this._overlayStack();
       const isTopOverlay = overlayStack[overlayStack.length - 1] === this;
 
diff --git a/packages/devextreme/js/__internal/ui/popup/m_popup.ts b/packages/devextreme/js/__internal/ui/popup/m_popup.ts
index fac819c15fa2..741778d0ace0 100644
--- a/packages/devextreme/js/__internal/ui/popup/m_popup.ts
+++ b/packages/devextreme/js/__internal/ui/popup/m_popup.ts
@@ -267,6 +267,7 @@ class Popup<
       useDefaultToolbarButtons: false,
       useFlatToolbarButtons: false,
       autoResizeEnabled: true,
+      focusLoopEnabled: false,
       _ignoreCloseOnChildEscape: false,
     };
   }
diff --git a/packages/devextreme/js/ui/popup.d.ts b/packages/devextreme/js/ui/popup.d.ts
index c7f6507a4cc3..47d9288d74c1 100644
--- a/packages/devextreme/js/ui/popup.d.ts
+++ b/packages/devextreme/js/ui/popup.d.ts
@@ -126,6 +126,12 @@ export interface dxPopupOptions<TComponent> extends dxOverlayOptions<TComponent>
      * @public
      */
     dragOutsideBoundary?: boolean;
+    /**
+     * @docid
+     * @default false
+     * @public
+     */
+    focusLoopEnabled?: boolean;
     /**
      * @docid
      * @default true &for(desktop)
diff --git a/packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/lookup.tests.js b/packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/lookup.tests.js
index 1f29b862072f..bd5e2ba37042 100644
--- a/packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/lookup.tests.js
+++ b/packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/lookup.tests.js
@@ -2192,7 +2192,7 @@ QUnit.module('popup options', {
     [true, false].forEach(dropDownCentered => {
         [true, false].forEach(_scrollToSelectedItemEnabled => {
             [true, false].forEach(usePopover => {
-                QUnit.test(`Popup should have correct _loopFocus option value if usePopover=${usePopover}, _scrollToSelectedItemEnabled=${_scrollToSelectedItemEnabled}, dropDownCentered=${dropDownCentered}`, function(assert) {
+                QUnit.test(`Popup should have correct focusLoopEnabled option value if usePopover=${usePopover}, _scrollToSelectedItemEnabled=${_scrollToSelectedItemEnabled}, dropDownCentered=${dropDownCentered}`, function(assert) {
                     const instance = $('#lookupOptions').dxLookup({
                         _scrollToSelectedItemEnabled,
                         usePopover,
@@ -2211,9 +2211,9 @@ QUnit.module('popup options', {
                         ? dropDownCentered
                         : !usePopover;
 
-                    const { _loopFocus } = popup.option();
+                    const { focusLoopEnabled } = popup.option();
 
-                    assert.strictEqual(_loopFocus, expectedValue, `_loopFocus: ${_loopFocus} is correct`);
+                    assert.strictEqual(focusLoopEnabled, expectedValue, `focusLoopEnabled: ${focusLoopEnabled} is correct`);
                 });
             });
         });
diff --git a/packages/devextreme/testing/tests/DevExpress.ui.widgets/overlay.tests.js b/packages/devextreme/testing/tests/DevExpress.ui.widgets/overlay.tests.js
index 0ba3be0092a0..6c6825ed8803 100644
--- a/packages/devextreme/testing/tests/DevExpress.ui.widgets/overlay.tests.js
+++ b/packages/devextreme/testing/tests/DevExpress.ui.widgets/overlay.tests.js
@@ -3278,11 +3278,11 @@ testModule('focus policy', {
         assert.strictEqual(getActiveElement(), $firstTabbable.get(0), 'first item focused on press tab on last item (does not go under overlay)');
     });
 
-    test('focus in Overlay should be looped if _loopFocus: true and shading: false', function(assert) {
+    test('focus in Overlay should be looped if focusLoopEnabled: true and shading: false', function(assert) {
         const overlay = new Overlay($('<div>').appendTo('#qunit-fixture'), {
             visible: true,
             shading: false,
-            _loopFocus: true,
+            focusLoopEnabled: true,
             contentTemplate: $('#focusableTemplate')
         });
         const $content = overlay.$content();
@@ -3300,7 +3300,7 @@ testModule('focus policy', {
         assert.strictEqual(getActiveElement(), lastFocusableElement, 'last item is focused');
     });
 
-    test('focus in Overlay should be looped if shading: false, _loopFocus gets true in runtime', function(assert) {
+    test('focus in Overlay should be looped if shading: false, focusLoopEnabled gets true in runtime', function(assert) {
         const overlay = new Overlay($('<div>').appendTo('#qunit-fixture'), {
             visible: true,
             shading: false,
@@ -3321,7 +3321,7 @@ testModule('focus policy', {
 
         assert.strictEqual(getActiveElement() !== lastFocusableElement, true, 'last item is not focused');
 
-        overlay.option('_loopFocus', true);
+        overlay.option('focusLoopEnabled', true);
 
         $(lastFocusableElement).focus();
         $(lastFocusableElement).trigger(this.tabEvent);
diff --git a/packages/devextreme/ts/dx.all.d.ts b/packages/devextreme/ts/dx.all.d.ts
index 30d20a7ee466..72dd12ffcefd 100644
--- a/packages/devextreme/ts/dx.all.d.ts
+++ b/packages/devextreme/ts/dx.all.d.ts
@@ -25195,6 +25195,10 @@ declare module DevExpress.ui {
      * [descr:dxPopupOptions.dragOutsideBoundary]
      */
     dragOutsideBoundary?: boolean;
+    /**
+     * [descr:dxPopupOptions.focusLoopEnabled]
+     */
+    focusLoopEnabled?: boolean;
     /**
      * [descr:dxPopupOptions.focusStateEnabled]
      */