0

I tried setting size to 2 or 1, it did not make any difference.

I also read Height of an HTML select box (dropdown)

Is there no other option apart from using the plugin - http://programmingdrunk.com/current-projects/dropdownReplacement/?

Code from Comment:

 <select class="form-control" data-placeholder="color" chosen ng-model="obj.color" ng-options=" color.name for color in colors" size=1>  
   <option value=""></option>
Community
  • 1
  • 1
Rupa Lahiri
  • 55
  • 9
  • I never used the plugin and can't help you without seeing some of your code, but why not use angular's native dropdown: https://docs.angularjs.org/api/ng/directive/select – caffeinated.tech Oct 09 '14 at 08:38
  • Here is the code, since the drop down is at the bottom of the page, I cannot view all the items - – Rupa Lahiri Oct 09 '14 at 08:46
  • I think I'm beginning to understand your problem, you are using a native angular dropdown, it's positioned at the bottom of your page and the dropdown is opening downwards and you can't see all of the options. It would really help if you had a screnshot of the result, how it would look when it's working and the code. Anyway, the probable cause is an `overflow:hidden` style on one of your parent elements. – caffeinated.tech Oct 09 '14 at 09:16
  • Thanks! It now works with overflow-y: scroll; and max-height: 40px; – Rupa Lahiri Oct 09 '14 at 10:17
  • No problem, do you want to answer your own question or would you like me to post a more generic explanation which may be more helpful for future viewers? – caffeinated.tech Oct 09 '14 at 10:54
  • I have a problem now. Since the max-height is very small, when a drop-down is near the top of the page, it is looking very odd. Need to have more max-height for those drop-downs. How do I achieve that - different max-height for different drop-downs? – Rupa Lahiri Oct 10 '14 at 04:54

0 Answers0