Any workarounds or fixes for stuck/frozen cursor in text input form field?
Any workarounds or fixes for stuck/frozen cursor in a text input form field within an iframe when using a webkit style?
This seems to happen when you have a text input field within an iframe and where there's a webkit style on the body. With no webkit style you can still move the cursor left and right and see it render properly.
Environments:
OS X 10.6.6, Safari 5.0.x, Flash 10.1.x.x debug
OS X 10.5.8, Safari 5.0.x, Flash 10.1.85.3 non-debug
OS X 10.6.4, Safari 5.0.3, flash 10,1,102,64 debug
To reproduce, drop these three files into a webserver and then open iframe.html in your browser. Enter some text in each and then try to use the left and right arrow keys to move between the characters you typed in. (Note: the source of these files may not render properly in here, but the idea should be obvious).
iframe.html
Try using your arrow keys to move left and right within the text input field after entering in some characters.
Although the cursor position is actually moving, it's not redrawing properly in the first example.
<pre>
<body style="-webkit-transform:translateZ(0);">
<input type="text" />
</body>
</pre>
<iframe width=161 height=50 src="input1.html"></iframe>
<pre>
<body style="">
<input type="text" />
</body>
</pre>
<iframe width=161 height=50 src="input2.html"></iframe>
input1.html
<body style="-webkit-transform:translateZ(0);">
<input type="text" />
</body>
input2.html
<body style="">
<input type="text" />
</body>
Several other reports of similar behavior exist:
http://www.google.com/support/forum/p/gmail/thread?tid=367454a4d40a82a3&hl=en
* "When composing a new message in the webmail interface, the insertion cursor doesn't blink. Is this a known problem? Moving the insertion point (by clicking the mouse) still works, but the insertion cursor appears to be "stuck"; it doesn't move and it doesn't blink. So there's no visual feedback to tell you where the next character you type, will actually end up. Pretty frustrating."
http://www.google.com/support/forum/p/gmail/thread?tid=4dfac572a828c3fe&hl=en
* "(The cursor is moving, invisibly... you can use cursor keys to move around, and then start typing and see where it turns up, but the caret thing stays frozen where it was. The lack of visual feedback is disconcerting)"
http://www.google.com/support/forum/p/gmail/thread?tid=161ba1ab53cd9a17&hl=en
* "As of Safari 5.0.1, when using arrow keys in the compose window's text area, the cursor doesn't update properly."
http://www.tidbits.com/article/11495
* "To be specific, the insertion point disappeared entirely, such that it was impossible to tell where typed text would appear."
Thanks,
Dustin
This seems to happen when you have a text input field within an iframe and where there's a webkit style on the body. With no webkit style you can still move the cursor left and right and see it render properly.
Environments:
OS X 10.6.6, Safari 5.0.x, Flash 10.1.x.x debug
OS X 10.5.8, Safari 5.0.x, Flash 10.1.85.3 non-debug
OS X 10.6.4, Safari 5.0.3, flash 10,1,102,64 debug
To reproduce, drop these three files into a webserver and then open iframe.html in your browser. Enter some text in each and then try to use the left and right arrow keys to move between the characters you typed in. (Note: the source of these files may not render properly in here, but the idea should be obvious).
iframe.html
Try using your arrow keys to move left and right within the text input field after entering in some characters.
Although the cursor position is actually moving, it's not redrawing properly in the first example.
Cursor rendering issues
<pre>
<body style="-webkit-transform:translateZ(0);">
<input type="text" />
</body>
</pre>
<iframe width=161 height=50 src="input1.html"></iframe>
Cursor rendering works
<pre>
<body style="">
<input type="text" />
</body>
</pre>
<iframe width=161 height=50 src="input2.html"></iframe>
input1.html
<body style="-webkit-transform:translateZ(0);">
<input type="text" />
</body>
input2.html
<body style="">
<input type="text" />
</body>
Several other reports of similar behavior exist:
http://www.google.com/support/forum/p/gmail/thread?tid=367454a4d40a82a3&hl=en
* "When composing a new message in the webmail interface, the insertion cursor doesn't blink. Is this a known problem? Moving the insertion point (by clicking the mouse) still works, but the insertion cursor appears to be "stuck"; it doesn't move and it doesn't blink. So there's no visual feedback to tell you where the next character you type, will actually end up. Pretty frustrating."
http://www.google.com/support/forum/p/gmail/thread?tid=4dfac572a828c3fe&hl=en
* "(The cursor is moving, invisibly... you can use cursor keys to move around, and then start typing and see where it turns up, but the caret thing stays frozen where it was. The lack of visual feedback is disconcerting)"
http://www.google.com/support/forum/p/gmail/thread?tid=161ba1ab53cd9a17&hl=en
* "As of Safari 5.0.1, when using arrow keys in the compose window's text area, the cursor doesn't update properly."
http://www.tidbits.com/article/11495
* "To be specific, the insertion point disappeared entirely, such that it was impossible to tell where typed text would appear."
Thanks,
Dustin