TagBox - Methods specified in DevExpress.ui.dxSelectBox.defaultOptions are called (T1286533) (DevExpress#29864)

Author: tongsonbarbs

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

@@ -142,9 +142,18 @@ class DOMComponent<
 
   // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
   _setOptionsByDevice(instanceCustomRules): void {
-    // @ts-expect-error
-    // eslint-disable-next-line @stylistic/max-len
-    super._setOptionsByDevice([].concat(this.constructor._classCustomRules || [], instanceCustomRules || []));
+    const ctor = this.constructor;
+
+    const hasOwnCustomRules = Object.prototype.hasOwnProperty.call(ctor, '_classCustomRules');
+    const hasOwnDefaultOptions = Object.prototype.hasOwnProperty.call(ctor, 'defaultOptions');
+
+    const ownClassCustomRules = hasOwnCustomRules
+      || hasOwnDefaultOptions
+      // @ts-expect-error
+      ? ctor._classCustomRules
+      : [];
+
+    super._setOptionsByDevice([].concat(ownClassCustomRules || [], instanceCustomRules || []));
   }
 
   _isInitialOptionValue(name: string): boolean {

packages/devextreme/testing/tests/DevExpress.core/domComponent.tests.js

@@ -652,6 +652,36 @@ QUnit.module('default', {
         assert.equal(new TestComponent1($('<div/>')).option('anotherOption'), 'Another option value', 'Multiple calls should not clean previous rules');
     });
 
+    QUnit.test('should not be inherited by child class/component (T1286533)', function(assert) {
+        const TestComponent1 = DOMComponent.inherit({
+            _getDefaultOptions() {
+                return $.extend(this.callBase(), {
+                    test: 'test1'
+                });
+            },
+        });
+
+        const TestComponent2 = TestComponent1.inherit({
+            _getDefaultOptions() {
+                return $.extend(this.callBase(), {
+                    test: 'test2'
+                });
+            },
+        });
+
+        registerComponent('TestComponent1', TestComponent1);
+        registerComponent('TestComponent2', TestComponent2);
+
+        TestComponent1.defaultOptions({
+            options: {
+                notInherited: 'notInherited',
+            }
+        });
+
+        assert.equal(new TestComponent1($('<div>')).option('notInherited'), 'notInherited');
+        assert.equal(new TestComponent2($('<div>')).option('notInherited'), undefined);
+    });
+
     QUnit.test('DevExpress.rtlEnabled proxied to DOMComponent', function(assert) {
         assert.equal(config().rtlEnabled, false, 'DevExpress.rtlEnabled equals false by default');
         assert.equal(new DOMComponent($('<div/>')).option('rtlEnabled'), false, 'false by default');