TagBox: should not close on tab press after search when applyValueMode is "useButtons" (T1230517)

Author: Zedwag

packages/devextreme/js/__internal/ui/m_select_box.ts

@@ -49,13 +49,17 @@ const SelectBox = (DropDownList as any).inherit({
 
     return extend({}, parent, {
       tab() {
-        if (this.option('opened') && !this._popup.getFocusableElements().length) {
+        const { opened } = this.option();
+        const popupHasFocusableElements = opened && !!this._popup.getFocusableElements().length;
+        if (!popupHasFocusableElements) {
           this._resetCaretPosition(true);
         }
 
         parent.tab && parent.tab.apply(this, arguments);
 
-        this._cancelSearchIfNeed();
+        if (!popupHasFocusableElements) {
+          this._cancelSearchIfNeed();
+        }
       },
       upArrow(e) {
         if (parent.upArrow.apply(this, arguments)) {

packages/devextreme/testing/tests/DevExpress.ui.widgets.editors/tagBox.tests.js

@@ -2734,6 +2734,28 @@ QUnit.module('keyboard navigation', {
         assert.ok(keyDownStub.calledOnce, 'keydown handled');
         assert.ok(keyUpStub.calledOnce, 'keyup handled');
     });
+
+    QUnit.testInActiveWindow('Popup should not close on tab press after search when applyValueMode is "useButtons" (T1230517)', function(assert) {
+        if(devices.real().deviceType !== 'desktop') {
+            assert.ok(true, 'desktop specific test');
+            return;
+        }
+
+        this.reinit({
+            focusStateEnabled: true,
+            items: ['first', 'second', 'third'],
+            opened: true,
+            searchEnabled: true,
+            applyValueMode: 'useButtons',
+        });
+
+        this.keyboard
+            .focus()
+            .type('s')
+            .press('tab');
+
+        assert.deepEqual(this.instance.option('opened'), true, 'popup is not closed');
+    });
 });
 
 QUnit.module('keyboard navigation through tags', {