#8289 closed bug (notabug)

Opened May 02, 2012 06:45PM UTC

Closed May 14, 2012 01:13PM UTC

Last modified May 30, 2012 10:28PM UTC

Horizontal Scroll doesn't appear in FF12 when datepicker used in table

Reported by: acarheden Owned by: acarheden
Priority: minor Milestone: 1.9.0
Component: ui.datepicker Version: 1.8.19
Keywords: Cc:
Blocked by: Blocking:
Description

This is probably a FF12 bug as it works fine in FF11, IE and chrome, but see title for what happens when you view this:

deleted
Attachments (0)
Change History (10)

Changed May 02, 2012 06:46PM UTC by acarheden comment:1

Forgot to note that the problem is the horizontal scroll bar doesn't appear until one of the datepicker is activated.

Changed May 08, 2012 09:53PM UTC by scottgonzalez comment:2

component: ui.core → ui.datepicker
owner: → acarheden
status: new → pending

Please provide a reduced test case using jsbin or jsFiddle. In the future, please pay attention to the red box telling you not to paste large blocks of code in to tickets.

Changed May 11, 2012 12:20PM UTC by iop comment:3

_comment0: No horizontal scrollbar with Firefox 12.0 \ \ <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> → 1336738902993812
_comment1: No horizontal scrollbar with Firefox 12.0 \ \ {{{ \ <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> \ }}} → 1336739008874730

No horizontal scrollbar with Firefox 12.0

<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>

But after a focus on the input, the horizontal scrollbar appears.

Changed May 11, 2012 12:26PM UTC by iop comment:4

_comment0: With firebug, when I disable the CSS rule : \ \ {{{ \ .ui-helper-hidden-accessible { \ left: -1e+8px; \ position: absolute; \ } \ }}} \ \ the horizontal scrollbar appears. → 1336739263284911

With firebug, when I disable the CSS rule of the div id="ui-datepicker-div" :

.ui-helper-hidden-accessible {
    left: -1e+8px;
    position: absolute;
}

the horizontal scrollbar appears.

Changed May 11, 2012 12:39PM UTC by iop comment:5

With this, the scrollbar works

.ui-helper-hidden-accessible {
   left: -9999999px;
   position: absolute;
}

Changed May 11, 2012 12:42PM UTC by scottgonzalez comment:6

Again, please provide a reduced test case using jsbin or jsFiddle. Also, please make sure your test case is not using a version of jQuery UI from 17 releases ago.

Changed May 11, 2012 03:51PM UTC by iop comment:7

Checked with the stable version of jQuery ui 1.8.20 => OK, it works fine.

The CSS rule in fault is not present. ;)

Changed May 11, 2012 03:53PM UTC by iop comment:8

For those how doesn't have the possibility to update jQuery ui, the fix is to declare this CSS rule :

.ui-helper-hidden-accessible {left: -9999999px!important;}

Changed May 14, 2012 01:13PM UTC by scottgonzalez comment:9

description: This is probably a FF12 bug as it works fine in FF11, IE and chrome, but see title for what happens when you view this: \ \ {{{ \ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> \ <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"> \ <head> \ <title>Suckit, FF12</title> \ <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> \ <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/jqueryui/1.8.3/jquery-ui.min.js"></script> \ </head> \ <body> \ <h1>Test</h1> \ <div class='sporcListContainer'> \ <div class='sporcList' style='text-align: right;'> \ <table id='junk' class='sporcList' cellspacing='0' cellpadding='0'> \ <tr> \ <th>Col 0<input id='date0'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date0').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date0').datepicker('show'); \ jQuery('#date0').blur(); \ jQuery('#date0').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 1<input id='date1'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date1').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date1').datepicker('show'); \ jQuery('#date1').blur(); \ jQuery('#date1').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 2<input id='date2'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date2').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date2').datepicker('show'); \ jQuery('#date2').blur(); \ jQuery('#date2').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 3<input id='date3'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date3').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date3').datepicker('show'); \ jQuery('#date3').blur(); \ jQuery('#date3').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 4<input id='date4'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date4').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date4').datepicker('show'); \ jQuery('#date4').blur(); \ jQuery('#date4').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 5<input id='date5'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date5').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date5').datepicker('show'); \ jQuery('#date5').blur(); \ jQuery('#date5').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 6<input id='date6'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date6').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date6').datepicker('show'); \ jQuery('#date6').blur(); \ jQuery('#date6').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 7<input id='date7'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date7').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date7').datepicker('show'); \ jQuery('#date7').blur(); \ jQuery('#date7').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 8<input id='date8'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date8').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date8').datepicker('show'); \ jQuery('#date8').blur(); \ jQuery('#date8').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 9<input id='date9'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date9').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date9').datepicker('show'); \ jQuery('#date9').blur(); \ jQuery('#date9').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 10<input id='date10'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date10').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date10').datepicker('show'); \ jQuery('#date10').blur(); \ jQuery('#date10').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 11<input id='date11'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date11').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date11').datepicker('show'); \ jQuery('#date11').blur(); \ jQuery('#date11').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 12<input id='date12'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date12').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date12').datepicker('show'); \ jQuery('#date12').blur(); \ jQuery('#date12').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 13<input id='date13'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date13').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date13').datepicker('show'); \ jQuery('#date13').blur(); \ jQuery('#date13').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 14<input id='date14'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date14').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date14').datepicker('show'); \ jQuery('#date14').blur(); \ jQuery('#date14').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 15<input id='date15'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date15').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date15').datepicker('show'); \ jQuery('#date15').blur(); \ jQuery('#date15').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 16<input id='date16'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date16').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date16').datepicker('show'); \ jQuery('#date16').blur(); \ jQuery('#date16').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 17<input id='date17'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date17').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date17').datepicker('show'); \ jQuery('#date17').blur(); \ jQuery('#date17').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 18<input id='date18'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date18').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date18').datepicker('show'); \ jQuery('#date18').blur(); \ jQuery('#date18').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 19<input id='date19'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date19').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date19').datepicker('show'); \ jQuery('#date19').blur(); \ jQuery('#date19').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 20<input id='date20'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date20').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date20').datepicker('show'); \ jQuery('#date20').blur(); \ jQuery('#date20').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 21<input id='date21'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date21').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date21').datepicker('show'); \ jQuery('#date21').blur(); \ jQuery('#date21').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 22<input id='date22'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date22').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date22').datepicker('show'); \ jQuery('#date22').blur(); \ jQuery('#date22').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 23<input id='date23'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date23').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date23').datepicker('show'); \ jQuery('#date23').blur(); \ jQuery('#date23').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 24<input id='date24'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date24').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date24').datepicker('show'); \ jQuery('#date24').blur(); \ jQuery('#date24').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 25<input id='date25'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date25').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date25').datepicker('show'); \ jQuery('#date25').blur(); \ jQuery('#date25').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 26<input id='date26'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date26').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date26').datepicker('show'); \ jQuery('#date26').blur(); \ jQuery('#date26').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 27<input id='date27'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date27').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date27').datepicker('show'); \ jQuery('#date27').blur(); \ jQuery('#date27').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 28<input id='date28'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date28').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date28').datepicker('show'); \ jQuery('#date28').blur(); \ jQuery('#date28').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ <th>Col 29<input id='date29'/> \ <script type='text/javascript'> \ jQuery(function() { \ jQuery('#date29').datepicker({constrainInput: false}); \ /* This code works around the bug \ jQuery('#date29').datepicker('show'); \ jQuery('#date29').blur(); \ jQuery('#date29').datepicker('hide'); \ window.scroll(0,0); \ */ \ }); \ </script></th> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ <tr> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ <td>alskjdfas</td> \ </tr> \ </table> \ </div> \ </div> \ </body> \ </html> \ \ \ }}} \ → This is probably a FF12 bug as it works fine in FF11, IE and chrome, but see title for what happens when you view this: \ \ {{{ \ deleted \ }}} \
resolution: → invalid
status: pending → closed

Changed May 30, 2012 10:28PM UTC by Thomas W comment:10

I've just experienced this as well. Presence of 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 your CSS patch.