TagBox: Multitag should be rendered if maxDisplayedTags and fieldTemplate is specified (T1303488) (DevExpress#30714)

Co-authored-by: Ruslan Farkhutdinov <[email protected]>

Author: r-farkhutdinov

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

@@ -1074,10 +1074,10 @@ class TagBox<
       // @ts-expect-error ts-error
       this.option('selectedItems', this._selectedItems.slice());
     }
-    this._cleanTags();
 
     const fieldTemplate = this._getFieldTemplate();
     if (!fieldTemplate) {
+      this._cleanTags();
       this._renderTagsCore();
     }
   }

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

@@ -8181,6 +8181,32 @@ QUnit.module('regression', {
 
         assert.strictEqual(selectAllCheckBox.option('value'), true, 'the "select all" checkbox is checked');
     });
+
+    QUnit.test('Multitag should be rendered if maxDisplayedTags and fieldTemplate is specified (T1303488)', function(assert) {
+        const items = [
+            { id: 1, name: 'Item 1' },
+            { id: 2, name: 'Item 2' },
+        ];
+
+        const selectedItems = [1, 2];
+
+        const fieldTemplate = (data) => {
+            return $('<div>').dxTextBox({ value: data.name });
+        };
+
+        const $tagBox = $('#tagBox').dxTagBox({
+            items: items,
+            value: selectedItems,
+            displayExpr: 'name',
+            valueExpr: 'id',
+            maxDisplayedTags: 1,
+            fieldTemplate
+        });
+
+        const $tag = $tagBox.find(`.${TAGBOX_TAG_CLASS}`);
+
+        assert.strictEqual($tag.length, 1, 'only one tag is rendered');
+    });
 });
 
 QUnit.module('valueChanged should receive correct event parameter', {