#12242 closed defect (fixed)
dijit.form.DropDownButton's menu items show in the top left corner of browser when display is set none
Reported by: | Jean-Rubin Leonard | Owned by: | bill |
---|---|---|---|
Priority: | high | Milestone: | 1.6 |
Component: | Dijit - Form | Version: | 1.6.0b1 |
Keywords: | dijit.form.DropDownButton top left corner css | Cc: | liucougar |
Blocked By: | Blocking: |
Description (last modified by )
When the display attribute of the dijit.form.DropDownButton is initially set to none, and then we set it to display inline to make it show, its menuitems show on the top-left corner of the browser instead of right under the drop down button.
Attachments (1)
Change History (4)
Changed 10 years ago by
Attachment: | testBug.html added |
---|
comment:1 Changed 10 years ago by
Cc: | liucougar added |
---|---|
Description: | modified (diff) |
Milestone: | tbd → 1.6 |
Owner: | set to bill |
Status: | new → assigned |
comment:2 Changed 10 years ago by
Resolution: | → fixed |
---|---|
Status: | assigned → closed |
comment:3 Changed 10 years ago by
Component: | Dijit → Dijit - Form |
---|
Note: See
TracTickets for help on using
tickets.
Inside of place.js it does:
The aroundNode in this case is your DropDownButton, and setting display to "" causes the button to be hidden due to this CSS in your test file:
So the obvious way to make this work is to not have that CSS.
I can trace the code above back to [4644], apparently it was trying to make the aroundNode visible when it was hidden (although it's having the opposite effect for you), but I'm not sure when the aroundNode would ever be hidden, so I can probably remove that code.