#6171 closed bug (invalid)

Opened October 12, 2010 01:44AM UTC

Closed November 02, 2012 09:14AM UTC

Calendar displays over text box in some cases in firefox

Reported by:	jerredmccurdy	Owned by:	jerredmccurdy
Priority:	minor	Milestone:	1.11.0
Component:	ui.datepicker	Version:	1.8.5
Keywords:	firefox	Cc:
Blocked by:		Blocking:

Description

The calendar displays over the text box in some cases in firefox. Below is an example that works correctly in IE but does not display properly in firefox. Version of firefox was 3.6.10

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>Date Test</title>
		<link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css">
		<script src="javascript/jquery-1.4.2.js"></script>
		<script src="javascript/jquery-ui-1.8.5.js"></script>
		<script>
		$(function() {
			$( "#datepicker" ).datepicker();
		});
		</script>

	</head>
	<body>
			<div id="content">

				<h2>
					Page Title
				</h2>
				
				<p>Test</p>
				
				<p>Test</p>
				
				<p>Test</p>
				
				<p>Test</p>
	
				<p>Date: <input id="datepicker" type="text"></p>

				
			</div>
			<div id="footer">
				Site Footer
			</div>
		
	</body>
</html>

Attachments (0)

Change History (4)

Changed October 11, 2012 09:04PM UTC by scottgonzalez comment:1

milestone:	TBD → 1.11.0

Changed October 18, 2012 05:41PM UTC by mikesherov comment:2

description:	The calendar displays over the text box in some cases in firefox. Below is an example that works correctly in IE but does not display properly in firefox. Version of firefox was 3.6.10 \ \ \ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> \ <html> \ <head> \ <title>Date Test</title> \ <link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css"> \ <script src="javascript/jquery-1.4.2.js"></script> \ <script src="javascript/jquery-ui-1.8.5.js"></script> \ <script> \ $(function() { \ $( "#datepicker" ).datepicker(); \ }); \ </script> \ \ </head> \ <body> \ <div id="content"> \ \ <h2> \ Page Title \ </h2> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Date: <input id="datepicker" type="text"></p> \ \ \ </div> \ <div id="footer"> \ Site Footer \ </div> \ \ </body> \ </html> → The calendar displays over the text box in some cases in firefox. Below is an example that works correctly in IE but does not display properly in firefox. Version of firefox was 3.6.10 \ \ {{{ \ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> \ <html> \ <head> \ <title>Date Test</title> \ <link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css"> \ <script src="javascript/jquery-1.4.2.js"></script> \ <script src="javascript/jquery-ui-1.8.5.js"></script> \ <script> \ $(function() { \ $( "#datepicker" ).datepicker(); \ }); \ </script> \ \ </head> \ <body> \ <div id="content"> \ \ <h2> \ Page Title \ </h2> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Date: <input id="datepicker" type="text"></p> \ \ \ </div> \ <div id="footer"> \ Site Footer \ </div> \ \ </body> \ </html> \ }}}

description:

The calendar displays over the text box in some cases in firefox. Below is an example that works correctly in IE but does not display properly in firefox. Version of firefox was 3.6.10 \ \ \ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> \ <html> \ <head> \ <title>Date Test</title> \ <link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css"> \ <script src="javascript/jquery-1.4.2.js"></script> \ <script src="javascript/jquery-ui-1.8.5.js"></script> \ <script> \ $(function() { \ $( "#datepicker" ).datepicker(); \ }); \ </script> \ \ </head> \ <body> \ <div id="content"> \ \ <h2> \ Page Title \ </h2> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Date: <input id="datepicker" type="text"></p> \ \ \ </div> \ <div id="footer"> \ Site Footer \ </div> \ \ </body> \ </html> → The calendar displays over the text box in some cases in firefox. Below is an example that works correctly in IE but does not display properly in firefox. Version of firefox was 3.6.10 \ \ {{{ \ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> \ <html> \ <head> \ <title>Date Test</title> \ <link rel="stylesheet" href="css/jquery-ui-1.8.5.custom.css"> \ <script src="javascript/jquery-1.4.2.js"></script> \ <script src="javascript/jquery-ui-1.8.5.js"></script> \ <script> \ $(function() { \ $( "#datepicker" ).datepicker(); \ }); \ </script> \ \ </head> \ <body> \ <div id="content"> \ \ <h2> \ Page Title \ </h2> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Test</p> \ \ <p>Date: <input id="datepicker" type="text"></p> \ \ \ </div> \ <div id="footer"> \ Site Footer \ </div> \ \ </body> \ </html> \ }}}

Changed October 18, 2012 05:44PM UTC by mikesherov comment:3

owner:	→ jerredmccurdy
status:	new → pending

Hi, and thanks for contributing! Could you possibly be a bit more specific and show a test case on jsfiddle.net or jsbin.com demonstrating the problem? Thanks again!

Changed November 02, 2012 09:14AM UTC by trac-o-bot comment:4

resolution:	→ invalid
status:	pending → closed

Because we get so many tickets, we often need to return them to the initial reporter for more information. If that person does not reply within 14 days, the ticket will automatically be closed, and that has happened in this case. If you still are interested in pursuing this issue, feel free to add a comment with the requested information and we will be happy to reopen the ticket if it is still valid. Thanks!

Search and Top Navigation