Text overflow on ui-search control

[smithk58]

Can be seen in the top ui control in your demo plunkr: http://plnkr.co/edit/a3KlK8dKH3wwiiksDSn2?p=preview

If you select too long of an element it overflows out of the control. It looks like it's happening because the .btn class is applying white-space:nowrap.

Here's a quick/dirty/temporary fix for someone if they need it:
.ui-select-match-text{
display:inline-block;
overflow:hidden;
text-overflow: ellipsis;
width:95%;
}

[AlexEmashev]

Thank you, your fix helped me!

[denis-bondarenko]

there is a way better solution
.ui-select-toggle{display:flex;justify-content:space-between;}
.ui-select-match-text{overflow-x:hidden; text-overflow:ellipsis;}
here is working plunker http://plnkr.co/edit/d4gCXgLHaPKmP89uiP6e?p=preview

[jziggas]

Both of those examples show default demos.

[smithk58]

If you're referring to my example and @denis-bondarenko's examples:
-Mine IS pointing at the default demo. I was only giving steps to reproduce the issue.
-Denis's example isn't the default demo. Apply the reproduction steps I listed to the one he linked to and you'll see it doesn't overflow.

[Wenakari]

Thank you very much smithk58 ! It's work perfectly !