Opened 9 years ago
Closed 9 years ago
#15427 closed defect (wontfix)
Text is disappearing on dijit TextBox in IE7 and claro theme
Reported by: | ldavis | Owned by: | ldavis |
---|---|---|---|
Priority: | undecided | Milestone: | tbd |
Component: | Dijit - Form | Version: | 1.7.2 |
Keywords: | Cc: | ||
Blocked By: | Blocking: |
Description
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.
Change History (3)
comment:1 Changed 9 years ago by
Owner: | changed from Douglas Hays to ldavis |
---|---|
Status: | new → pending |
comment:2 Changed 9 years ago by
Status: | pending → new |
---|
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!
comment:3 Changed 9 years ago by
Resolution: | → wontfix |
---|---|
Status: | new → closed |
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.
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).