Where's the cursor?

Published by: jane 2009-01-07

I'm using Ext.Windows in several places to show modal popup windows to prompt for input. In several cases, I cannot get the cursor to appear in any entryfield in the form nested in the window. I have not been able to discern why the cursor will appear in one window and not the next. If the cursor is not shown, no amount of clicking or tabbing will get the cursor to display.

The is a small sample which, in my application, demonstrates the problem of the cursor not displaying. Note, I used the focus delay call based on recommendation in another post.

this.win = new Ext.Window({
layout : 'fit',

Looking for Huge Mouse Cursor - Tech Support Guy Forums::
5 posts - Last post: Aug 2, 2007I'm trying to find a huge mouse cursor, roughly like one thats 1/8th of a screen , I just want a really Experience: Wheres the "Any Key"?
http://forums.techguy.org/windows-nt-2000-xp/594156-looking-huge-mouse-cursor.htmlHOME

floola.com - Wiwi - Other applications::
Where's my cursor? (Mac only, universal binary). Simple but helpful application to quickly find your cursor position. Nice gift for grandma and grandpa .
http://www.floola.com/modules/wiwimod/index.php?page=otherappsHOME

width : 390,
height : 210,
closeAction : 'close',
plain : true,
modal : true,
bodyBorder : false,
frame : true,

title : 'Test',
items :
[ {
xtype : 'form',
bodyStyle : 'padding:5px 5px 0',
msgTarget : 'title',
frame : true,
labelWidth : 160,
defaults : { width : 225, anchor : '100%' },
defaultType : 'textfield',
items :
[
{
fieldLabel : 'Test Value',
allowBlank : true,
id : 'testValue'
}
]
} ],
buttons: [{ text: 'OK', handler : function() { this.win.close(); delete this.win; }, scope : this } ]
});
this.win.setSize(390, 180);
this.win.on('show', function() { Ext.getCmp('testValue').focus(); }, null, {delay: 250});

Amazon.com: cursor jump? - laptop Discussion Forum::
I am so happy to read this, I thought I would go nuts with my cursor moving all over. . Where's My Stuff? Track your recent orders.
http://www.amazon.com/tag/laptop/forum?_encoding=UTF8&cdForum=Fx2G99T61XZXSS7&cdPage=1&cdSort=newest&cdThread=Tx1GE199IHI9Q6GHOME

The Tenmen::
Bought a computer! Where's the cursor!? Where's the eraser!? Comment rated 2 Chubbies and 0 Lames (marked as spam 0 times)
http://m.assetbar.com/achewood/uuadZD79HHOME

this.win.setAnimateTarget(document.body);
this.win.show(document.body);

Regards,
- jvs

If you're talking about Firefox you've run into infamous Firefox cursor bug. Try too google for it or search forums for it if you want more info. Ext does the best to workaround but it's not 100% though.

Pointer Disappears with Vista - CNET Windows Vista Forums::
15 posts - Last post: Jun 5, 2008where's my cursor ??? by first_dog - 2/16/08 12:15 AM In reply to: Mouse Almost every time it sleeps, I lost the cursor on wake up,
http://forums.cnet.com/5208-12546_102-0.html?forumID=133&threadID=243929&messageID=2624591HOME

It is Firefox. The part that I don't understand is why consistently some windows work and some don't. I've played with about every option imaginable without success.

Do you know what in specific ExtJS does to work around the problem?

There is a lot of info here http://www.yui-ext.com/forum/showthread.php?t=1519 and also here http://www.quirksmode.org/bugreports/archives/2005/06/positionabsolute_and_overflowauto_causing_text_box .html
There is really nothing more to say to it; it's just a shame of Gecko developers. Hopefully it will be fixed in Firefox 3.0.

Thanks for the pointer. From what I scoured from the other posts - this worked for me:

Called before showing the window. "initialFocus" is the id of the element I want to receive the initial input focus.

this.win.on('show', function(d) {
var div = Ext.get(d.el);
div.setStyle("overflow", "auto");
var text = div.select(".ext-mb-textarea", true);
if (!text.item(0)) {
text = div.select(".ext-mb-text", true);
}
if (text.item(0)) {
text.item(0).dom.select();
}
Ext.getCmp(d.initialFocus).focus();
}, null, { delay : 50 });