extJs: Combobox drop-down is half width
I've been battling (on and off) with an extJs combobox not being wide enough for the past few days and finally google has come up trumps for me. The hint about setting "hideMode" to "offsets" seems to solve the problem.
It does seem to cause a new rendering oddity though, the combobox suffering the issue is contained inside of an anchor inside of a form layout inside of the fifth of a set of tab panels. Multiple comboboxes on the first tab (which incidentally is default visible) don't seem to exhibit the problem. The tab the combo is on contains the combo, and a grid with two associated buttons:
<tab>
When initially rendered, the label for the combo doesn't appear, nor do the buttons for the grid, they in fact do't render until the combo's drop-down is triggered. There's also a noticable lag when the tab is selected between the drop-down button part of the combobox appearing (show straight away) and the main text-box part showing (shows after a second). Grrrr!
It does seem to cause a new rendering oddity though, the combobox suffering the issue is contained inside of an anchor inside of a form layout inside of the fifth of a set of tab panels. Multiple comboboxes on the first tab (which incidentally is default visible) don't seem to exhibit the problem. The tab the combo is on contains the combo, and a grid with two associated buttons:
<tab>
<form>
<anchor>
<combo />
</anchor>
<anchor>
<label />
<grid>
<columnModel />
<buttons>
<button1 />
<button2 />
<buttons>
<grid>
</anchor>
</form>
</tab>
When initially rendered, the label for the combo doesn't appear, nor do the buttons for the grid, they in fact do't render until the combo's drop-down is triggered. There's also a noticable lag when the tab is selected between the drop-down button part of the combobox appearing (show straight away) and the main text-box part showing (shows after a second). Grrrr!
