Text overflow on ui-search control

[smithk58]

trafficstars

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 !