Blocker bug: input elements in html body cant be focused on
Brought to you by:
coconut
Menu
▾
▴
#14 Blocker bug: input elements in html body cant be focused on
open
nobody
None
5
2007-04-22
2007-04-22
Anonymous
No
Imagine a website that has the menu to the left and content to the right and the menu and submenus open up laterally.
This menu requires that it be placed inside a layer. If you have 3 levels of submenus, that means, for the submenus to show up, the containing layer needs to have a z-order that's > z-order of any other layer, specifically the layer to the right. Thus if the layer to the right has html input elements such as textboxes, you cannot switch focus to those elements by clicking on them. This is annoying and there is no workaround.
Attached is a screenshot of how your page should like if you use the html below. Try focusing on the textarea by clicking on the first line - you won't be able to.
In the following, have a menu with a submenu and sub-submenu and extend the containing layer laterally.
Example html for repro:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
<meta name="Microsoft Theme" content="iris2 1011, default">
<script type="text/javascript" src="JSCookMenu.js"></script>
<link rel="stylesheet" href="ThemePanel/theme.css" type="text/css">
<script type="text/javascript" src="ThemePanel/theme.js"></script>
<script type="text/javascript" src="sidemenus1.js"></script>
<script type="text/javascript" src="sidemenus2.js"></script>
</head>
<body>
<div style="position: absolute; width: 560px; height: 197px; z-index: 3; left: 9px; top: 26px" id="mymenu2">
</div>
<div style="position: absolute; width: 475px; height: 236px; z-index: 2; left: 189px; top: 25px" id="layer1">
<form method="POST" action="--WEBBOT-SELF--">
<!--webbot bot="SaveResults" U-File="_private/form_results.csv" S-Format="TEXT/CSV" S-Label-Fields="TRUE" -->
<p><textarea rows="10" name="S1" cols="65"></textarea></p>
</form>
<p> </div>
<script type="text/javascript"><!--
cmDraw ('mymenu2', mymenu2, 'vbr', cmThemePanel, 'ThemePanel');
--></script>
</div>
</body>
</html>
Screenshot of page - how it should look