DropDownList growing height Chrome

[ScarletParticipant]

Hi, I’ve got a strange problem with the visualization of the DropDownList.
If I run my code on Firefox I’ve got no problems and the height of the DropDownList is correct.
When I run the same code on Chrome every time I select an item the height of the DropDownList grows!!
This is the code:

$('#selectProject').jqxDropDownList({source: a, selectedIndex: 0, width:"50%",autoDropDownHeight: true, height: 20});

(a is an array of strings)

I have no idea about the problem…

[Peter StoevKeymaster]

Hi Scarlet,

I prepared a DropDownList demo with your code: http://jsfiddle.net/ukkudo9p/. The reported behavior cannot be reproduced there. Please, check whether you have some CSS on your web page which is applied to the widget or its items as well and check whether the latest version is being used.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[ScarletParticipant]

I solve the problem!
The DropDownList was inside a table. This is the previous code:

<tr>
       <td id="selectProject"></td>
 </tr>

This is the correct code:

<tr>
      <td><div id="selectProject"></div></td>
</tr>

Thanks!

[Author]

Posts