Opened 8 years ago

Closed 7 years ago

#14773 closed defect (wontfix)

IE6: TextBox renders incorrectly inside a TabContainer when doLayout set to false

Reported by: siqi Owned by: Douglas Hays
Priority: undecided Milestone: tbd
Component: Dijit - Form Version: 1.7.1
Keywords: Cc:
Blocked By: Blocking:

Description (last modified by bill)

Input controls such as textbox, combobox are renderd incorrectly inside a TabContainer? when doLayout = false. This issue can be reproduced in IE6 with Dojo 1.6 and Dojo 1.7 with following steps:

  1. Copy the attached test_TabContainer_doLayout.html to the folder "dijit/tests/layout/"
  2. Open it in IE6.
  3. Switch to Pane2.

Results:

a) If Dojo 1.6 is used, the initial value of the textbox is displayed outside the input field:

ScreenShot(using Dojo 1.6.1)

b) If Dojo 1.7 is used, the initial value of the textbox is invisible until hover mouse over the input field:

ScreenShot(using Dojo 1.7.1)

Expected result: The initial value should be displayed inside the textbox.

Attachments (4)

test_TabContainer_doLayout.html (1.8 KB) - added by siqi 8 years ago.
Test file
dojo161.png (3.3 KB) - added by siqi 8 years ago.
ScreenShot?(using Dojo 1.6.1)
dojo171.png (3.9 KB) - added by siqi 8 years ago.
ScreenShot?(using Dojo 1.7.1)
trunk.gif (7.7 KB) - added by bill 7 years ago.
for me, on trunk, the text is not hidden, but it's mispositioned

Download all attachments as: .zip

Change History (6)

Changed 8 years ago by siqi

Test file

Changed 8 years ago by siqi

Attachment: dojo161.png added

ScreenShot?(using Dojo 1.6.1)

Changed 8 years ago by siqi

Attachment: dojo171.png added

ScreenShot?(using Dojo 1.7.1)

Changed 7 years ago by bill

Attachment: trunk.gif added

for me, on trunk, the text is not hidden, but it's mispositioned

comment:1 Changed 7 years ago by bill

Component: DijitDijit - Form
Description: modified (diff)
Owner: set to Douglas Hays
Status: newassigned
Summary: Widget renders incorrectly inside a TabContainer when doLayout set to falseTextBox: renders incorrectly inside a TabContainer when doLayout set to false

I'm still seeing the 1.6 behavior in 1.7 (even 1.7.0).

Maybe you want to do something to work around this like _layoutHackIE7() does. It would need to happen on showing pane2 though (onShow), rather than when the TextBox is created.

comment:2 Changed 7 years ago by Douglas Hays

Resolution: wontfix
Status: assignedclosed
Summary: TextBox: renders incorrectly inside a TabContainer when doLayout set to falseIE6: TextBox renders incorrectly inside a TabContainer when doLayout set to false

This is an IE6 specific bug not worth fixing. You can workaround this easily in CSS by adding:

.dj_ie6 .dijitTabContainer .dijitTextBox {
        position: relative;
}
Note: See TracTickets for help on using tickets.