Closed Bug 751278 Opened 10 years ago Closed 10 years ago

Horizontal scroll doesn't appear when jQuery UI datepicker used


(Core :: Layout, defect)

12 Branch
Not set



Tracking Status
firefox13 - verified
firefox14 - verified
firefox15 + verified


(Reporter: acarheden, Assigned: mats)



(Keywords: regression, reproducible, Whiteboard: [fixed by bug 749935][qa+])


(2 files)

Attached file ff12_datepicker.html
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:12.0) Gecko/20100101 Firefox/12.0
Build ID: 20120420145725

Steps to reproduce:

Viewed the attached ff12_datepicker.html

Actual results:

Horizontal scroll bar didn't appear even though table overflowed page width until one of the jQuery datepicker elements was activated.

Viewed same page in Chrome, IE and FF11. Paged worked as expected in those browsers.

Expected results:

Horizontal scroll bar should have appeared when page loaded.

This is possibly a dupe of 750323.
Attachment #620404 - Attachment mime type: text/plain → text/html
Regression window(m-c)
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120117 Firefox/12.0a1 ID:20120117042508
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120117 Firefox/12.0a1 ID:20120117072408

Regression window(m-i)
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116145408
Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0a1) Gecko/20120116 Firefox/12.0a1 ID:20120116153908

Last good: 804c80adda0a
First bad: 87536f378706
Blocks: 665597
Component: Untriaged → Layout
Ever confirmed: true
Keywords: regression
OS: Linux → All
Product: Firefox → Core
QA Contact: untriaged → layout
Requesting tracking for the regression....
roc - can you find an assignee for this reproducible regression? Thanks!
Assignee: nobody → roc
Keywords: reproducible
I'll take a look...
Assignee: roc → matspal
Attached file Testcase
The jquery.datepicker script inserts a <div> with style:
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }

Reducing the left offset by a magnitude makes the scrollbar display.

So this is basically a dupe of bug 749935.
Depends on: 749935
Closed: 10 years ago
Flags: in-testsuite+
Resolution: --- → FIXED
Whiteboard: [fixed by bug 749935]
Target Milestone: --- → mozilla15
untracking in favour of bug 749935 which is awaiting nominations for landing to beta/aurora.
Duplicate of this bug: 754247
The patch of bug 749935 landed in 13.0 and 14.0.
Whiteboard: [fixed by bug 749935] → [fixed by bug 749935][qa+]
Mozilla/5.0 (X11; Linux i686; rv:13.0) Gecko/20100101 Firefox/13.0

Verified using attachment test case in Ubuntu 12.04, Mac OS 10.6, Windows 7. Firefox 13 beta 6. Horizontal bar is displayed as expected.
I've just experienced this as well. Use of jQuery UI Datepicker on page, prevents Firefox from displaying horizontal scrollbar -- needed in this app's UI for viewing/editing a very wide table.

Thanks 'iop' for his CSS patch;  reducing the magnitude  of 'negative left hiding' to -9999999, rather than -99999999  (7 nines rather than 8).
Thomas, what build did you test? This is supposed to be fixed now in Firefox 13.0b6, latest-mozilla-aurora, and latest-mozilla-central. It is not fixed in Firefox 12 and earlier, nor will it be.
Mozilla/5.0 (X11; Linux i686; rv:15.0) Gecko/20120614 Firefox/15.0a2
Mozilla/5.0 (X11; Linux i686; rv:14.0) Gecko/20100101 Firefox/14.0

Verified using attachment test case on Firefox 14b7, Aurora on Ubuntu 12.04, Mac OS 10.6, Windows XP. Horizontal bar is displayed.
Hi Anthony, yes that was at 12.  Just letting you know this is occuring in the wild; JQuery components use these large -ve positions to hide, so the bug is relevant to a good number of users.
You need to log in before you can comment on or make changes to this bug.