Closed
Bug 418555
Opened 18 years ago
Closed 18 years ago
when i set overflow on a div, the cursor in the form disappeared
Categories
(Firefox :: General, defect)
Firefox
General
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: jueljust, Unassigned)
Details
(Keywords: css2)
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.11) Gecko/20071204 Ubuntu/7.10 (gutsy) Firefox/2.0.0.11
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.8.1.11) Gecko/20071204 Ubuntu/7.10 (gutsy) Firefox/2.0.0.11
a page like
--------------
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body, th, td{font-size:12px; color:#000; font-family:'arial',Sans-serif; margin:0; padding:0; line-height:175%;}
body{width:100%; height:100%;overflow:hidden;background:#FFF;}
div#hide_form_wrap{z-index:30; position:absolute; border: 1px solid #3A5774;background-color:#C1D9FF; padding:8px;width:600px;height:auto;}
div#hide_form_head, div#hide_form_body{padding: 8px;text-align:left;position:relative;border:none;width:auto;}
div#hide_form_head{background:#E0EDFE;font-weight:bold;cursor: default;}
div#hide_form_body{background: #FFF;}
div#hide_form_body form{display:inline;}
div#hide_form_submit{text-align:right;margin:0;}
div#hide_form_content{margin:10px 10px 10px 120px;}
div#hide_form_content p{margin:0;display:block;clear:both}
div#hide_form_content span{margin-left:-110px; display:block;float:left}
div#hide_form_content textarea{width:450px;height:200px;}
</style>
</head><body>
<div id="content_panel" style="overflow-x:hidden; overflow-y:auto; position: absolute; width: 692px; height: 548px; top: 150px; left: 264px;">content_panel</div>
<div style="width: 600px; height: 433px; position: absolute; top: 150px; left: 340px;" id="hide_form_wrap"><div id="hide_form_head"><span style="float:right">X</span><span id="hide_form_title">Change Lesson Status Dev</span></div><div id="hide_form_body"><form id="hide_form" onsubmit="return false;"><div id="hide_form_content"><p><span>* Status</span><input name="status_status" value="0" type="radio">Dev <input name="status_status" value="3" type="radio">Finished <input name="status_status" value="4" type="radio">Verified </p><p><span>* Remark</span><input name="status_remark" value="1" checked="true" type="radio">Pass<br><input name="status_remark" value="2" type="radio">Warning<br><input name="status_remark" value="3" type="radio">Reject<br><input name="status_remark" value="4" type="radio">Pending<br><input name="status_remark" value="5" type="radio">N/A<br></p><p><span>* Comment</span><textarea id="status_comment" name="status_comment"></textarea></p><input id="status_userid" name="status_userid" value="124" type="hidden"><input id="status_role" name="status_role" value="0" type="hidden"><input id="status_lessonid" name="status_lessonid" value="417" type="hidden"></div><div id="hide_form_submit"><input value="Submit" type="submit"> <input value="Cancel" id="cancel_button" type="button"></div></form></div></div>
</body></html>
---------------------
in this page, the cursor won't display when i focus on the textarea.
if i removed the overflow setting on DIV content_panel, then the cursor appears.
it's bizarre.
Reproducible: Always
Steps to Reproduce:
<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
body, th, td{font-size:12px; color:#000; font-family:'arial',Sans-serif; margin:0; padding:0; line-height:175%;}
body{width:100%; height:100%;overflow:hidden;background:#FFF;}
div#hide_form_wrap{z-index:30; position:absolute; border: 1px solid #3A5774;background-color:#C1D9FF; padding:8px;width:600px;height:auto;}
div#hide_form_head, div#hide_form_body{padding: 8px;text-align:left;position:relative;border:none;width:auto;}
div#hide_form_head{background:#E0EDFE;font-weight:bold;cursor: default;}
div#hide_form_body{background: #FFF;}
div#hide_form_body form{display:inline;}
div#hide_form_submit{text-align:right;margin:0;}
div#hide_form_content{margin:10px 10px 10px 120px;}
div#hide_form_content p{margin:0;display:block;clear:both}
div#hide_form_content span{margin-left:-110px; display:block;float:left}
div#hide_form_content textarea{width:450px;height:200px;}
</style>
</head><body>
<div id="content_panel" style="overflow-x:hidden; overflow-y:auto; position: absolute; width: 692px; height: 548px; top: 150px; left: 264px;">content_panel</div>
<div style="width: 600px; height: 433px; position: absolute; top: 150px; left: 340px;" id="hide_form_wrap"><div id="hide_form_head"><span style="float:right">X</span><span id="hide_form_title">Change Lesson Status Dev</span></div><div id="hide_form_body"><form id="hide_form" onsubmit="return false;"><div id="hide_form_content"><p><span>* Status</span><input name="status_status" value="0" type="radio">Dev <input name="status_status" value="3" type="radio">Finished <input name="status_status" value="4" type="radio">Verified </p><p><span>* Remark</span><input name="status_remark" value="1" checked="true" type="radio">Pass<br><input name="status_remark" value="2" type="radio">Warning<br><input name="status_remark" value="3" type="radio">Reject<br><input name="status_remark" value="4" type="radio">Pending<br><input name="status_remark" value="5" type="radio">N/A<br></p><p><span>* Comment</span><textarea id="status_comment" name="status_comment"></textarea></p><input id="status_userid" name="status_userid" value="124" type="hidden"><input id="status_role" name="status_role" value="0" type="hidden"><input id="status_lessonid" name="status_lessonid" value="417" type="hidden"></div><div id="hide_form_submit"><input value="Submit" type="submit"> <input value="Cancel" id="cancel_button" type="button"></div></form></div></div>
</body></html>
Actual Results:
the cursor in the form disappeared
Expected Results:
the cursor in the form appears
|
||
Comment 1•18 years ago
|
||
Please try with Firefox 3 Beta 3 and see if the problem still exists.
on Firefox 3 Beta 3, we don't have this problem
Status: UNCONFIRMED → RESOLVED
Closed: 18 years ago
Resolution: --- → FIXED
|
|
||
Updated•18 years ago
|
Resolution: FIXED → WORKSFORME
You need to log in
before you can comment on or make changes to this bug.
Description
•