Skip to main content

Search and Top Navigation

#4575 closed bug (fixed)

Opened June 03, 2009 12:56PM UTC

Closed December 03, 2012 06:10PM UTC

Dialog: Scrollbar is difficult to use with overflow content and resize handle

Reported by: eriz Owned by:
Priority: minor Milestone: 1.10.0
Component: ui.dialog Version: 1.9.0
Keywords: dialog Opera overflow Cc:
Blocked by: Blocking:

When content inside dialog overflows it, scrollbar becames unusable in Opera 9.6x. My friend has confirmed this bug on his computer.

Dialog is usable - resizable, draggable but I can't drag scrollbar, it receives only click event, not drag... I didn't do any researches but I think it can be caused by resizing grip on edge of dialog.

Here's the recording which shows this behaviour:

On Firefox everything is ok except the fact that scrollbar button is under sizing grip but it's acceptable. [;

Attachments (2)
Change History (10)

Changed June 03, 2009 08:49PM UTC by eriz comment:1

This bug happens on Opera 10 too.

Changed June 05, 2009 11:49AM UTC by eriz comment:2

I've posted incorrect link:

Changed June 09, 2009 08:09AM UTC by jzaefferer comment:3

milestone: TBD1.8

Changed June 11, 2009 07:34AM UTC by Mikko Rantanen comment:4

This is an advanced case of

Doing the saveScroll on all elements inside the dialog solves the issue for clicks but the scroll nub is undraggable. Guess the solution is to modify the z-index of other dialogs.

Changed June 12, 2009 09:59PM UTC by Mikko Rantanen comment:5

The first patch fixes the immediate problem. It doesn't really bother with overlays. The second patch contains the first one plus tries to sort out the overlays as well. Not completely sure whether it maintains proper state for dialog.overlay.maxZ.

With quick testing the second patch behaved good with overlays and modal dialogs save for bug #4598.

Changed March 11, 2011 07:59PM UTC by MarcoSarti comment:6

I apologize for my English but I'm not very good at writing and I just joined the site. I found this bug I have with all browsers programming with I work out with these two lines of code after the call to the dialog:

$('.ui-widget-overlay').css('width', '100%'); 
$('.ui-widget-overlay').css('height', '100%');

The problem of line 393 to line 396 about the source of production of jquery-ui because it tries to calculate the size to be assigned to class background when simply set to 100%.

Thank you for your attention and good navigation to all.

Marco Sarti

Changed October 11, 2012 02:47PM UTC by scottgonzalez comment:7


Changed October 15, 2012 06:46PM UTC by dcarrith comment:8

summary: Dialog with overflow causes scrollbar unusableDialog: overflow causes scrollbar to be unusable

Changed October 16, 2012 02:19PM UTC by bchiasson comment:9

keywords: → dialog Opera overflow
priority: majorminor
status: newopen
summary: Dialog: overflow causes scrollbar to be unusableDialog: Scrollbar is difficult to use with overflow content and resize handle

Execute the jsfiddle below and click the down arrow in the scrollbar. The user has to be precise and click the upper, left corner of the down arrow button in order to scroll due to the resize window icon (the behavior is observed in (IE9, Chrome 22.0.1229.94 m, Opera 12.02, Firefox 16.0.1).

Changed December 03, 2012 06:10PM UTC by Scott González comment:10

resolution: → fixed
status: openclosed

Dialog: Adjust southeast resize handle to not be visible and more closely match other resize handles. Fixes #4575 - Dialog: Scrollbar is difficult to use with overflow content and resize handle.

Changeset: 1ed853f7bb9f58af09e55e207534ecb10bcbe286