You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
{{ message }}
This repository was archived by the owner on Oct 2, 2019. It is now read-only.
Please, enlarge your window size: either by resizing the plunker preview area using the vertical slider, or launch the preview in separate window. Just make sure, your width is bigger than 768px.
But anyway, try to select a longer value, like "Los Angeles International Airport, 1 World Way, Los Angeles, CA 90045, USA", and see what happens: text overflows.
Activity
upmauro commentedon Apr 9, 2015
Sorry if i wrong, but when i open your plunker i see this:
istibekesi commentedon Apr 9, 2015
Please, enlarge your window size: either by resizing the plunker preview area using the vertical slider, or launch the preview in separate window. Just make sure, your width is bigger than 768px.
But anyway, try to select a longer value, like "Los Angeles International Airport, 1 World Way, Los Angeles, CA 90045, USA", and see what happens: text overflows.
wolfg1969 commentedon Apr 9, 2015
+1
ahocquet commentedon Apr 30, 2015
Indeed, ui-select is broken with form-inline bootstrap style.
lukaszgrolik commentedon May 13, 2015
http://plnkr.co/edit/kuR85O0LkENQCqdnAMYR?p=preview
I managed to fix this weird ui-select's width behaviour by
yaojingguo commentedon Jun 25, 2015
+1
poorva29 commentedon Aug 9, 2015
+1 , this problem persists for me too when i use ui-select with the bootstrap theme and inline form
matteliot commentedon Sep 10, 2015
same...
okaufmann commentedon Oct 21, 2015
+1
giladegozi commentedon Nov 3, 2015
+1
ghost commentedon Nov 21, 2015
+1 for this issue
ghost commentedon Nov 21, 2015
Fix for this could be
Works with this example:
But select width isn't same as other input's width, so i have created question in stackoverflow
http://stackoverflow.com/questions/33854737/angular-ui-select-broken-with-bootstrap-form-inline
tarunrathi999 commentedon Feb 7, 2016
Add postion:absolute , it may resolve the error to some extent
rubinsh commentedon Feb 20, 2016
+1
carloshpds commentedon Mar 16, 2016
+1
wesleycho commentedon Mar 27, 2016
@ddctd143 feel free to open a PR
dallincoons commentedon Mar 31, 2016
+1
tscholz commentedon Apr 3, 2016
+1
wesleycho commentedon Apr 3, 2016
Please do not add +1s, they make it much more difficult to digest issues and get them solved due to noise. Instead, use GitHub reactions.
MarcosEllys commentedon Apr 11, 2017
Fantastic ddctd143, congratulations and thanks for sharing.
.form-inline .ui-select-container { display: inline-block; vertical-align: middle; width: auto; }
battlesteel commentedon Jun 14, 2017
I fixed mine with this.