Text is disappearing on dijit TextBox in IE7 and claro theme

[ldavis]

When using the claro theme in IE7, text within textboxes (TextBox?) is disappearing when you hover over a button or a SimpleTextarea? or when you load the page with text in the textbox. Hovering back over the textbox returns the text to the field.

This does not occur in all scenarios, in fact, I can't seem to produce a simple example to replicate. However, I was able to work around this issue by setting the following style on the pages:

<style type="text/css">
    .dijitInputContainer {
        position: static;
    }
</style>

This could also be related to defect #13493 with textboxes in a dialogs.

[Douglas Hays]

Since it works for me, I'll return this until you can attach a testcase. These older IE rendering bugs are usually easily fixed by adding position:relative to a parent node (usually a TABLE element).

[ldavis]

I did find the root of the problem (at least I perceive to be). A parent div was setting the position to relative of this content. This page is dynamic produced from a number of JSP's, so it was missed originally. I don't know if this is still a defect at this point, as I don't really understand how css position effects this. Also this content that was disappearing exists within a tabcontainer/contentpane.

To simplify it looked like this: DIV TabContainer? --> DIV ContentPane? --> DIV position: relative --> DIV position: relative --> DIV -->(the actual content in question).

No, I did not design this page!

[Douglas Hays]

This seems to be yet another IE position issue that I've seen many times. These seem to be related to IE7. Hopefully they'll die out with these older browsers. Since the solution usually crosses widget boundaries and often involves non-widget nodes, I don't think it's productive to try to develop a workaround in Dojo codespace.