I am trying to expand the width of a combo box when focusing on it, but what I am running into is that with IE, setting the style.width on focus causes me to have to “triple-click” when selecting an option. This works fin in FF and Safari. Here is the bare bones of what I am trying to do…
<html>
<head>
</head>
<body>
<input type=text id=holder />
<select id=“dessert” onChange=“JavaScript: this.style.width=100; document.getElementById(‘holder’).focus();” onFocusin=“this.style.width=200;” onFocus=“this.style.width=200;”>
<option>pie</option>
<option>cake</option>
<option>cookies</option>
</select>
</body>
</html>
As you open this, make sure focus is in the text box… click the combo, which will expand in width… then try to select something… it will take two more clicks. Three total!
