Opened 12 years ago
Closed 12 years ago
#9097 closed defect (fixed)
[cla][patch] DropDownSelect doesn't not align vertically with other Dojo controls
Reported by: | 7twenty | Owned by: | Nathan Toone |
---|---|---|---|
Priority: | high | Milestone: | 1.4 |
Component: | DojoX Form | Version: | 1.3.0 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
Because dojox.form.DropDownSelect? renders a TABLE as the root node, it will not vertically align with other dojo controls. Example, if I have a ComboBox? and a DropDownSelect? on the same line, the DropDownSelect? will be rendered higher than the ComboBox?.
The best solution seems to be to change the DropDownSelect? to base its rendering on DIVs/SPANs instead of a TABLE (similar to Button, ComboBox?, Spinner, etc).
Attachments (1)
Change History (7)
Changed 12 years ago by
Attachment: | DropDownSelect.html added |
---|
comment:1 Changed 12 years ago by
I've implemented a quick prototype of a solution using the ComboBox? styles. Steps:
- Use the attached DropDownSelect?.html for dojox\form\resources\DropDownSelect?.html
- Change the DropDownSelect?'s baseClass to "dijitComboBox"
Test: dojox\form\tests\test_DropDownSelect.html
This gives a mostly functional DropDownSelect? based on divs instead of a table. It is visually similar to the ComboBox? with two desired exceptions:
- The entire widget is clickable (to open the dropdown)
- The widget resizes to match the length of the selected item
comment:2 Changed 12 years ago by
Component: | DojoX Widgets → DojoX Form |
---|
comment:3 Changed 12 years ago by
Milestone: | tbd → 1.4 |
---|---|
Owner: | changed from dante to Nathan Toone |
comment:4 Changed 12 years ago by
Summary: | DropDownSelect doesn't not align vertically with other Dojo controls → [cla][patch] DropDownSelect doesn't not align vertically with other Dojo controls |
---|
comment:5 Changed 12 years ago by
Note: the mis-alignment happens in IE when running in quirks mode.
comment:6 Changed 12 years ago by
Resolution: | → fixed |
---|---|
Status: | new → closed |
New DropDownSelect?.html