what to do with legacy

[vytautas-pranskunas-]

I want to use something like

<tui-combo-box tuiDropdownMobile [tuiTextfieldCleaner]="true" formControlName="..."> Country <tui-data-list-wrapper *tuiDataList [items]="countries | tuiFilterByInput" /> </tui-combo-box>

is there something similar in non-legacy package or should i use legacy?

[waterplea]

For now you should keep using legacy package, they are not deprecated YET, just moved to free up space for us to re-implement them with new approach. We are waiting for the design team to finish the specs in case something has to change. When you see them actually deprecated with a strikethrough line — that means a new version was finalized and is ready to use.

[hakimio]

The closest you can get with Textfield from core package: https://stackblitz.com/edit/angular-6sncgm?file=src%2Fapp%2Fapp.template.html

[vytautas-pranskunas-]

You can set cursor pointer on the input if you want:

tui-textfield input {
  cursor: pointer;
}

this would lead whole input with curso - but it is typing input so pointer would be great only on chevron :) nevermind

[waterplea]

Our common icons mechanism is tuiIcons directive which uses ::before/::after elements to display icons. So you can do this:

tui-textfield::after {
  pointer-events: auto;
  cursor: pointer;
}

Don't forget to move (click) handler to tui-textfield otherwise it won't work.

[vytautas-pranskunas-]

This pointer-events: auto; not a good idea because it prevents dropdown to open

[hakimio]

If you put the click handler on tui-textfield it opens just fine.

[vytautas-pranskunas-]

thx