Inputs not working on Dojo Dialogs

Hi,

I'm using 0.4.3 and created a page that uses two dialogs and a couple tab panes. Here's a quick overview:

Main page: two tabs, one of which loads external content:

And the CSS:

.dojoTabPane {
padding : 10px 10px 10px 10px;
overflow: auto;
}

This tab's content contains a link to show a Dialog box which has a simple form, one and one - here's the dialog:

This Dialog also has a link that brings up one other dialog:

Dojo Dialog CSS:

.dojoDialog {
background : #eee;
border : 1px solid #999;
-moz-border-radius : 5px;
padding : 4px;
}

This works fairly well for what I'm trying to do, but there are a couple problems. Both of the dialogs have an input/text (<input type="text">) box to get some information from the user - the first dialog (id="LookupDialog") input/text does not show the cursor when clicking inside the it but will allow you to at least edit the contents.

The second dialog is worse though - this dialog's input textbox does not show the cursor AND it will not allow even editting the contents.

I did some searching on google and found that this bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=167801 might have something to do with it due to overflow: auto; CSS issues. I tried the workarounds listed, which is to add this CSS to the inputs:

position:fixed;
position:expression("absolute");

Doing this made both input textboxes editable and shows the cursor in both, but the dialog layout is messed up and IE pretty much renders it as a big unusable mess.

I've used dialogs that contain input tags before and they worked find so I'm guessing it has something to do with the TabPane.

Was curious if anyone knows what can be done about this? I can provide a static version of the page/dialogs if it helps.

Josh

Search

Inputs not working on Dojo Dialogs

Workaround