IE bug with DIV and DXImageTransform

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View

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.


<style type="text/css">
.subwindow {
 background-color: #ffffff;
 color: #000000;
 border: 1px solid WindowFrame;
 position: absolute;
     (color="#777777", offX=4, offY=4, positive=true);

<div class="subwindow">
<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.


Re: IE bug with DIV and DXImageTransform

On Mon, 30 Aug 2004 07:11:38 +0200, Marton Anka wrote:

Quoted text here. Click to load it


I don't actually have IE available to have a look but it is proprietry
code and I think therefore you takes your chances. I'm sure you could do
without the drop-shadow and still have a perfectly good functioning
textarea anyway.


Site Timeline