M
Marton Anka
Hello,
I'm experiencing some weird behavior with IE. (Using XPSP2, but it's present
in earlier releases too.)
If I display a DIV that has a DXImageTransform associated with it (shadow,
dropshadow, etc) and have a form element within this DIV that requires
scrolling (text too long) then the keyboard cannot be used to scroll the
text within the input field. Using the mouse works well.
The bug occurs with INPUT, TEXTAREA, etc - anything where the keyboard can
normally be used. Removing the DXImageTransform filter solves the problem.
Does anyone know of a workaround?
Sample code below. Sorry about not indenting properly, but the TEXTAREA
looks bad with a lot of extra whitespace.
Open the HTML in a browser, click in the text and try using the cursor keys
to get around. Then try the mouse.
Getting rid of the three lines starting with "filter:" fixes the problem,
but, of course, it also makes the nice shadows go away.
-Marton
------------------------------------------------------------------
<html>
<head>
<style type="text/css">
..subwindow {
background-color: #ffffff;
color: #000000;
border: 1px solid WindowFrame;
position: absolute;
filter:
progidXImageTransform.Microsoft.dropShadow
(color="#777777", offX=4, offY=4, positive=true);
}
</style>
</head>
<body>
<div class="subwindow">
<form>
<table>
<tr>
<td>
<textarea rows=4 cols=12>
Keyboard scrolling in this field does not work.
However, the mouse can be used to navigate.
This is very annoying.
</textarea>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
------------------------------------------------------------------
I'm experiencing some weird behavior with IE. (Using XPSP2, but it's present
in earlier releases too.)
If I display a DIV that has a DXImageTransform associated with it (shadow,
dropshadow, etc) and have a form element within this DIV that requires
scrolling (text too long) then the keyboard cannot be used to scroll the
text within the input field. Using the mouse works well.
The bug occurs with INPUT, TEXTAREA, etc - anything where the keyboard can
normally be used. Removing the DXImageTransform filter solves the problem.
Does anyone know of a workaround?
Sample code below. Sorry about not indenting properly, but the TEXTAREA
looks bad with a lot of extra whitespace.
Open the HTML in a browser, click in the text and try using the cursor keys
to get around. Then try the mouse.
Getting rid of the three lines starting with "filter:" fixes the problem,
but, of course, it also makes the nice shadows go away.
-Marton
------------------------------------------------------------------
<html>
<head>
<style type="text/css">
..subwindow {
background-color: #ffffff;
color: #000000;
border: 1px solid WindowFrame;
position: absolute;
filter:
progidXImageTransform.Microsoft.dropShadow
(color="#777777", offX=4, offY=4, positive=true);
}
</style>
</head>
<body>
<div class="subwindow">
<form>
<table>
<tr>
<td>
<textarea rows=4 cols=12>
Keyboard scrolling in this field does not work.
However, the mouse can be used to navigate.
This is very annoying.
</textarea>
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
------------------------------------------------------------------