Lookup: avoid selection by tab action (#28276)

Author: nikkithelegendarypokemonster

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

@@ -541,6 +541,8 @@ const Lookup = DropDownList.inherit({
     return 'auto';
   },
 
+  _allowSelectItemByTab: () => false,
+
   _popupTabHandler(e) {
     const shouldLoopFocusInsidePopup = this._shouldLoopFocusInsidePopup();
 

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

@@ -3016,6 +3016,28 @@ QUnit.module('keyboard navigation', {
         assert.ok(instance.option('opened'), 'popup is opened');
     });
 
+    QUnit.test('lookup value should not be changed after pressing tab', function(assert) {
+        if(devices.real().deviceType !== 'desktop') {
+            assert.ok(true, 'test does not actual for mobile devices');
+            return;
+        }
+
+        const $element = $('#widget').dxLookup({
+            opened: true,
+            items: [1, 2, 3],
+            focusStateEnabled: true,
+            searchEnabled: false,
+        });
+        const instance = $element.dxLookup('instance');
+        const $input = $(instance.field());
+        const keyboard = keyboardMock($input);
+
+        $input.trigger('focusin');
+        keyboard.keyDown('tab');
+
+        assert.strictEqual(instance.option('value'), null, 'Lookup input field has no value');
+    });
+
     QUnit.testInActiveWindow('lookup item should be selected after \'enter\' key pressing', function(assert) {
         if(devices.real().deviceType !== 'desktop') {
             assert.ok(true, 'test does not actual for mobile devices');