diff --git a/projects/demo-integrations/cypress/tests/kit/input-tag/input-tag.cy.ts b/projects/demo-integrations/cypress/tests/kit/input-tag/input-tag.cy.ts
index 81afb3e02264..99099804f5e4 100644
--- a/projects/demo-integrations/cypress/tests/kit/input-tag/input-tag.cy.ts
+++ b/projects/demo-integrations/cypress/tests/kit/input-tag/input-tag.cy.ts
@@ -66,4 +66,15 @@ describe(`InputTag`, () => {
.tuiWaitBeforeScreenshot()
.matchImageSnapshot(`04-input-tag-forbidden-spaces`, {padding: 5});
});
+
+ it(`placeholder`, () => {
+ cy.tuiVisit(`components/input-tag/API?placeholder=placeholder`);
+
+ cy.get(`#demo-content`).find(`tui-input-tag`).click().tuiWaitBeforeScreenshot();
+
+ cy.get(`#demo-content`)
+ .find(`tui-input-tag`)
+ .tuiWaitBeforeScreenshot()
+ .matchImageSnapshot(`05-input-tag-placeholder`);
+ });
});
diff --git a/projects/demo/src/modules/components/input-tag/input-tag.template.html b/projects/demo/src/modules/components/input-tag/input-tag.template.html
index f50673c27566..162959b5a072 100644
--- a/projects/demo/src/modules/components/input-tag/input-tag.template.html
+++ b/projects/demo/src/modules/components/input-tag/input-tag.template.html
@@ -116,6 +116,7 @@
[tuiTextfieldCleaner]="cleaner"
[tuiTextfieldLabelOutside]="labelOutside"
[tuiTextfieldSize]="size"
+ [placeholder]="exampleText"
[maxLength]="maxLength"
[rows]="rows"
[focusable]="focusable"
@@ -179,6 +180,15 @@
>
Handler for deactivation some tags
+
+ Placeholder
+
A template for custom view of selected value
+
+ Placeholder
+
diff --git a/projects/kit/components/input-tag/input-tag.style.less b/projects/kit/components/input-tag/input-tag.style.less
index 525171b88c6d..dfba26d33c15 100644
--- a/projects/kit/components/input-tag/input-tag.style.less
+++ b/projects/kit/components/input-tag/input-tag.style.less
@@ -28,6 +28,7 @@
.t-scrollbar {
margin: 0 -0.25rem;
+ min-width: 100%;
}
.t-tags {