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 {