Opened 10 years ago
Closed 8 years ago
#12160 closed defect (wontfix)
Dialog widget with action bar interaction issue (IE6, IE7)
Reported by: | ruanqi | Owned by: | Douglas Hays |
---|---|---|---|
Priority: | high | Milestone: | 1.9 |
Component: | Dijit | Version: | 1.6.0b1 |
Keywords: | dijit dialog actionbar | Cc: | [email protected]…, Douglas Hays |
Blocked By: | Blocking: |
Description
This issue only happened in IE6/7. Hovering on the action button in action bar of a dialog that make inputted values in dialog disappear.Please put the attached testcase in dijit/tests/ to reproduce the issue.
Attachments (3)
Change History (7)
Changed 10 years ago by
Attachment: | 2011-01-14 13-35-34.png added |
---|
Changed 10 years ago by
when the "OK" button was hovered, the values of dialog input disappeared
comment:1 Changed 10 years ago by
Cc: | Douglas Hays added |
---|
There's no attachment, but I can see a similar problem by modifying the "dialog with no action bars" example in test_Dialog.html to have a <div>hi</div> after the </table>. Just mousing over the fields on IE6 (after typing in any value) causes the text to appear/disappear. Very strange IE6 rendering bug.
Changed 10 years ago by
Attachment: | test_Dialog.html added |
---|
My modified test case, "show dialog with no action buttons" text appears disappears based on mouse move over various parts of dialog
comment:2 Changed 8 years ago by
Owner: | set to Douglas Hays |
---|---|
Status: | new → assigned |
Summary: | Dialog widget with action bar interaction issue → Dialog widget with action bar interaction issue (IE6, IE7) |
Doug, I think we can close this as wontfix if you have a workaround. IIRC you've listed similar workaround in other tickets, like setting position:fixed on the form controls in question?
comment:3 Changed 8 years ago by
Milestone: | tbd → 1.9 |
---|
comment:4 Changed 8 years ago by
Resolution: | → wontfix |
---|---|
Status: | assigned → closed |
This is a known issue with IE6 and 7. Just add position:relative to the INPUT fields container, in this case the TABLE element:
<table style="position:relative;">
before hovering on the "OK" button