Ecodev / natural

Angular Material components and various utilities

Home Page:https://ecodev.github.io/natural

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Adjust natural-inputs width to avoid ellipsis

sambaptista opened this issue · comments

Adjust natural-input width to avoid ellipsis

ellipsis

On the other extreme, when the search module has a dropdown select with many active options and/or long labels, the input will not wrap the values neither use ellipsis and the clear button might become unaccessible depending of the viewport width. I think the input should have a maximum width and possibly truncate some labels: it's more important the clear button to be accessible.

image

Don't think this is still happening in MDC branch.

image