Closed
Bug 754247
Opened 13 years ago
Closed 13 years ago
Horizontal scrollbar is no longer shown in a particular testcase using jquery-UI
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 751278
People
(Reporter: eric.blanquer, Unassigned)
Details
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:12.0) Gecko/20100101 Firefox/12.0
Build ID: 20120420145725
Steps to reproduce:
With jQuery datePicker, the horizontal scrollbar is not displayed when it must be visible.
Bug reported also on jQuery bug tracker : http://bugs.jqueryui.com/ticket/8289
The issue is with the "left: -1e+8px;" used by jQuery.ui
Actual results:
The horizontal scrollbar is not displayed
Expected results:
The horizontal scrollbar is visible
|
||
Updated•13 years ago
|
Component: Untriaged → Style System (CSS)
Product: Firefox → Core
QA Contact: untriaged → style-system
|
||
Comment 1•13 years ago
|
||
> The issue is with the "left: -1e+8px;" used by jQuery.ui
This has never been supported in Gecko. It's not valid CSS, though there has been talk of adding such syntax to CSS, maybe.
|
|
||
Comment 2•13 years ago
|
||
So in other words, if you're seeing a behavior change that change is caused by something else changing, not the state of support of scientific notation in CSS.
|
Reporter | |
Comment 3•13 years ago
|
||
I work on a web administration interface using jQuery UI 1.6rc6 (I can't update this version)
Without changing anything, the horizontal scrollbar disapears on the pages that use the jQuery datePicker.
I've found the CSS rule in fault and override it with ".ui-helper-hidden-accessible {left: -9999999px!important;}", now it's ok, the horizontal scrollbar is present.
This issue is not present with jQuery UI 1.8.20, but why with Firefox <12 this CSS rule works and not with Firefox 12 ?
Exemple that not work under Firefox 12 : http://jsfiddle.net/QyK5T/
<html>
<head>
<link media="all" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/themes/base/jquery-ui.css" rel="stylesheet"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.3/jquery-ui.min.js"></script>
<script type='text/javascript'>
jQuery(document).ready(function() {
jQuery('#myinput').datepicker();
});
</script>
</head>
<body>
<input type="text" id="myinput" style="width:2000px;" />
</body>
|
|
Reporter | |
Comment 4•13 years ago
|
||
Tested with Firefox Nightly build 15.0a1 => OK, it's working. Stange !
|
|
Reporter | |
Comment 5•13 years ago
|
||
Strange !
|
|
||
Comment 6•13 years ago
|
||
> but why with Firefox <12 this CSS rule works
Presumably because there are other CSS rules involved? I'll take a look to see what's going on here; thanks for the testcase!
|
|
||
Comment 7•13 years ago
|
||
OK. The initial behavior change here was in the range http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=34572943a3e4&tochange=f4049f65efc6
Then a few days again, in the range http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=0c78207fc93f&tochange=c00a9c1940c5 , the behavior changed back.
Mats, your changes to overflow stuff in the first range look relevant, but I'm not sure anything in the second range is jumping out at me....
Note that the CSS I'm seeing has the "-9999999px" thing, not the "-1e+8px" thing....
Component: Style System (CSS) → Layout
QA Contact: style-system → layout
Summary: [CSS] CSS notation "left: -1e+8px;" is no more supported → Horizontal scrollbar is no longer shown in a particular testcase using jquery-UI
|
||
Comment 8•13 years ago
|
||
This has been fixed in latest builds of Fx13 and later (bug 749935).
Status: UNCONFIRMED → RESOLVED
Closed: 13 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•