Closed
Bug 208644
Opened 23 years ago
Closed 23 years ago
when an iframe overlaps a text input control the control doesn't redraw correctly
Categories
(Core :: Layout: Images, Video, and HTML Frames, defect)
Tracking
()
VERIFIED
WORKSFORME
People
(Reporter: mike, Unassigned)
References
()
Details
Attachments
(1 file)
|
3.05 KB,
text/html
|
Details |
User-Agent: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.0.2) Gecko/20030208 Netscape/7.02
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.0.2) Gecko/20030208 Netscape/7.02
i am including an example of a simple tabbed folder. one folder
contains an iframe and the other contains a couple text input controls.
clicking on the tab links cause one folder to be hidden and the other
to be made visible. the problem is that the text input control that
overlaps the iframe doesnt redraw correctly. both controls work
correctly when the page is viewed in IE.
Reproducible: Always
Steps to Reproduce:
1. load the included page
2. click on the 'tab 2' link
3. notice that you can highlight text in the first input field but not in the
second.
<html>
<head>
<style type="text/css">
#TabbedFolder { position:relative; width:500px; height:200px }
#Folder1 { position:absolute; left:0px; top:0px; width:500px; height:200px;
z-index:1; visibility:visible;
}
#Folder2 { position:absolute; left:0px; top:0px; width:500px; height:200px;
z-index:2; visibility:hidden
}
#Margin { margin:10px }
div.folder-box {
border: solid #000000;
border-width: 1;
left:0px; top:0px; width:400px; height:200px;
background-color: #aaaaaa;
}
.folder { background-color: #cccccc; }
</style>
<script type="text/javascript" language="JavaScript">
/* State variable to keep track of current folder */
var currentTab = 1;
/* Function to switch tabs and folders */
function setTab(tab) {
if (currentTab != tab) {
/* Adjust the visibility of the folders */
var newFolder = document.getElementById("Folder"+tab);
newFolder.style.visibility = "visible";
var oldFolder = document.getElementById("Folder"+currentTab);
oldFolder.style.visibility = "hidden";
/* Make the new folder the current folder */
currentTab = tab;
}
}
</script>
</head>
<body>
<h3>test0</h3>
<div id="TabbedFolder">
<!-- folder 1 ------------------------------------------------------------------>
<div id="Folder1" class="folder">
<table border=0 cellspacing=0 cellpadding=0 width="100%">
<tr>
<!-- left column of tabs -->
<td valign=top>
<table border=0 cellspacing=0 cellpadding=1 width=100>
<tr><td height=1><img height=1 width=1 alt=""></td></tr>
<tr><td width=500 height=20>Tab 1</td></tr>
<tr><td height=1><img height=1 width=1 alt=""></td></tr>
<tr><td width=500 height=20><a href="javascript:setTab(2);">Tab 2</a></td></tr>
</table>
</td>
<!-- right column folder space -->
<td>
<div class="folder-box"><div id="Margin">
Folder 1 - display an iframe
<br>
<iframe src="http://google.com" width=260 height=150 frameborder=1 scrolling=no>
iframes not supported.
</iframe>
</div></div>
<!-- end of tabbed folder table -->
</td></tr></table>
</div>
<!-- folder 2 ------------------------------------------------------------------>
<div id="Folder2" class="folder">
<table border=0 cellspacing=0 cellpadding=0 width="100%">
<tr>
<!-- left column of tabs -->
<td valign=top>
<table border=0 cellspacing=0 cellpadding=1 width=100>
<tr><td height=1><img height=1 width=1 alt=""></td></tr>
<tr><td width=500 height=20><a href="javascript:setTab(1);">Tab 1</a></td></tr>
<tr><td height=1><img height=1 width=1 alt=""></td></tr>
<tr><td width=500 height=20>Tab 2</td></tr>
</table>
</td>
<!-- right column folder space -->
<td>
<div class="folder-box"><div id="Margin">
<!-- Buy -->
<form name="fooForm" action="foo.html" method=post>
this control: <input type="text" value="1234"> works fine.
<br>
<br>
but this one: <input type="text" value="5678"> doesn't redraw correctly.
it seems that this happens whenever an input control overlaps an iframe.
</form>
</div></div>
<!-- end of tabbed folder table -->
</td></tr></table>
</div>
</div> <!-- end TabbedFolder div -->
</body>
</html>
|
Reporter | |
Comment 1•23 years ago
|
||
|
||
Comment 2•23 years ago
|
||
worksforme 2003-06-07-05 trunk Linux
Reporter, could you try a newer build please?
Mozilla 1.4RC1 for example: http://www.mozilla.org/releases/index.html#1.4rc1
|
||
Comment 3•23 years ago
|
||
wfm using build 2003051611 on Linux.
|
|
||
Comment 4•23 years ago
|
||
-> WORKSFORME
Status: UNCONFIRMED → RESOLVED
Closed: 23 years ago
Resolution: --- → WORKSFORME
|
|
||
Comment 5•23 years ago
|
||
Reporter has verified it works in 1.4RC1 in private email.
Status: RESOLVED → VERIFIED
|
||
Updated•7 years ago
|
Product: Core → Core Graveyard
|
||
Updated•7 years ago
|
Component: Layout: HTML Frames → Layout: Images
Product: Core Graveyard → Core
You need to log in
before you can comment on or make changes to this bug.
Description
•