Opened 9 years ago

Closed 7 years ago

#11421 closed defect (fixed)

Select: drop down mis-positioned when drop down causes window scrollbar to appear (RTL mode)

Reported by: milad Owned by: bill
Priority: high Milestone: 1.6
Component: Dijit - Form Version: 1.5.0b2
Keywords: Cc:
Blocked By: Blocking:

Description (last modified by bill)

hi all similar #10581 when body dir="rtl" and the drop down list longer than browser size. browser get scroll,drop down list does not scroll and list is mis-positioned.

Attachments (1)

bug.php (1.7 KB) - added by milad 9 years ago.

Download all attachments as: .zip

Change History (5)

Changed 9 years ago by milad

Attachment: bug.php added

comment:1 Changed 9 years ago by bill

Description: modified (diff)
Milestone: 1.51.6
Owner: set to bill

I can work on this although probably not for 1.5.

comment:2 Changed 9 years ago by bill

Description: modified (diff)
Milestone: 1.6future
Summary: Select: drop down is mis-positionedSelect: drop down mis-positioned when drop down causes window scrollbar to appear (RTL mode)

OK, the problem only happens when:

  • RTL mode
  • opening the drop down causes the scrollbar to appear

At that point the Select shifts by the width of the scrollbar (15 or 20px) causing the misalignment.

You can workaround this by specifying a maxHeight (ex: maxHeight="200") for the drop down, so that the browser window doesn't get a scrollbar. That's probably a better design for your page anyway.

Not sure this is even worth fixing, although IIRC we addressed this issue for FilteringSelect.

comment:3 Changed 9 years ago by bill

Component: DijitDijit - Form

comment:4 Changed 7 years ago by bill

Milestone: future1.6
Resolution: fixed
Status: newclosed

Actually, this was fixed in 1.6. Not sure which commit.

Note: See TracTickets for help on using tickets.