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: |
Description
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:
http://www.divshare.com/download/4677241-305
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 comment:1
Changed June 05, 2009 11:49AM UTC by comment:2
I've posted incorrect link: http://www.divshare.com/download/7559075-417
Changed June 09, 2009 08:09AM UTC by comment:3
| milestone: | TBD → 1.8 |
|---|
Changed June 11, 2009 07:34AM UTC by comment:4
This is an advanced case of http://dev.jqueryui.com/ticket/3193
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 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 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 asp.net. 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 comment:7
| milestone: | 1.9.0 → 1.10.0 |
|---|
Changed October 15, 2012 06:46PM UTC by comment:8
| summary: | Dialog with overflow causes scrollbar unusable → Dialog: overflow causes scrollbar to be unusable |
|---|
Changed October 16, 2012 02:19PM UTC by comment:9
| keywords: | → dialog Opera overflow |
|---|---|
| priority: | major → minor |
| status: | new → open |
| summary: | Dialog: overflow causes scrollbar to be unusable → Dialog: Scrollbar is difficult to use with overflow content and resize handle |
| version: | 1.7.1 → 1.9.0 |
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 comment:10
| resolution: | → fixed |
|---|---|
| status: | open → closed |
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
This bug happens on Opera 10 too.