Opened 10 years ago

Closed 10 years ago

Last modified 8 years ago

#8922 closed defect (fixed)

ComboBox: Horizontal scrollbar on Combobox dropdown causes vertical scrollbar to show up

Reported by: leannek Owned by: bill
Priority: high Milestone: 1.4
Component: Dijit - Form Version: 1.2.3
Keywords: Cc:
Blocked By: Blocking:


This is a similar issue to #4134.

When the contents in the dropdown is too wide, a horizontal scrollbar will be shown. The scrollbar was placed on top of the dropdown covering the last item in the list. A vertical scrollbar is hence created to allow scrolling down to reveal the last item.

The fix for #4134 (in 10489) is to extend the width of the popup. A similar trick applying on the height should fix this problem.

However, one thing I have noticed when playing around with the fix was that increasing the dimension of the popup might cause the page scrollbar to appear. This might not be desirable.

Attachments (1)

combobox.html (1.8 KB) - added by leannek 10 years ago.

Download all attachments as: .zip

Change History (7)

comment:1 Changed 10 years ago by bill

Summary: Horizontal scrollbar on Combobox dropdown causes vertical scrollbar to show upComboBox: Horizontal scrollbar on Combobox dropdown causes vertical scrollbar to show up

Hmm, can you attach a test case using the attach file button? Are you saying that the drop down is really wide, wider than your viewport?

Changed 10 years ago by leannek

Attachment: combobox.html added

comment:2 Changed 10 years ago by leannek

My dropdown wasn't really that wide. It's just located close to the right edge of the page :)

Test case attached.

Test 1: Maximize the browser, then click on the dropdown arrow. The vertical scrollbar appears unnecessarily while the popup panel could have its height extended to accommodate the horizontal scrollbar. (Just spotted another thing - If you scroll right on the popup panel, you will notice that the background color of the panel is not rendered properly.)

Test 2: Resize the browser so that the viewport is shorter than the fully expanded popup list. Now click on the dropdown arrow again. Vertical and horizontal scrollbars are appearing on the viewport (as well as on the popup panel, as expected).

comment:3 Changed 10 years ago by bill

Milestone: tbd1.4
Owner: set to bill

Thanks for the test case. Actually #8948 might help some of this, but anyway I'll try to look at this for 1.4.

comment:4 Changed 10 years ago by Douglas Hays

I could not recreate this problem.

comment:5 Changed 10 years ago by bill

Resolution: fixed
Status: newclosed

OK, let's assume that this is fixed by #8948, unless of course the drop down is wider than the viewport itself, but that doesn't seem worth worrying about.

comment:6 Changed 8 years ago by bill

Component: DijitDijit - Form
Note: See TracTickets for help on using tickets.