PDA

View Full Version : [CLOSED] Strange IE behaviour (Ext GWT 3 - beta 4)



EthiC
27 Mar 2012, 12:57 AM
Hi,

I have a logon screen that displays lines on the screen (as if reset.css is not working) after filling in 2 fields while using the TAB key or just when you click on the 'Log on'- button.
The login button is only enabled when both fields have values.

At startup it behaves normal:
http://img337.imageshack.us/img337/1702/normalwt.jpg
After entering data in both fields, and as such enabling the login button, it appears broken all of a sudden:
http://img259.imageshack.us/img259/7424/brokent.jpg
This only occurs on some versions of IE7 and IE8, IE7 example: version 7.0.5730.13
Any ideas how to resolve this issue or hints that could help me find the problem? I've tried installing several developer toolbars in IE but they don't really help.

Thanks

sven
27 Mar 2012, 1:00 AM
Can you please provide a fully working testcase implementing EntryPoint that shows your problem?

I also moved this thread to the correct location.

EthiC
27 Mar 2012, 1:54 AM
I've created a working example + found the problem, it is related to enabling and disabling a TextButton:


public class Login implements EntryPoint {


private PasswordField passwordField;
private TextField userField;
private FormPanel formPanel;
private TextButton logonBtn;
private Viewport container;


@Override
public void onModuleLoad() {
RootPanel.get().add(makeContainer());
}


private Viewport makeContainer() {
container = new Viewport();
container.setWidget(makeCenteredLayout());
return container;
}


private CenterLayoutContainer makeCenteredLayout() {
CenterLayoutContainer centerContainer = new CenterLayoutContainer();
centerContainer.setWidget(makeFramedPanel());
return centerContainer;
}


private FramedPanel makeFramedPanel() {
FramedPanel framedPanel = new FramedPanel();
framedPanel.setSize("300", "200");
framedPanel.setHeadingText("Log on to applicationx");
framedPanel.add(makeForm());
return framedPanel;
}


private FormPanel makeForm() {
VerticalLayoutContainer layoutContainer = new VerticalLayoutContainer();
layoutContainer.add(makeUserField());
layoutContainer.add(makePassField());
layoutContainer.add(makeSubmitButton());
layoutContainer.add(makeEnableButton());


formPanel = new FormPanel();
formPanel.setLabelAlign(FormPanel.LabelAlign.TOP);
formPanel.add(layoutContainer);
return formPanel;
}


private FieldLabel makeUserField() {
userField = new TextField();
return new FieldLabel(userField, "Username");
}


private FieldLabel makePassField() {
passwordField = new PasswordField();
return new FieldLabel(passwordField, "Password");
}


private TextButton makeSubmitButton() {
logonBtn = new TextButton("Log on");
return logonBtn;
}


private TextButton makeEnableButton() {
TextButton enableBtn = new TextButton("Enable/Disable");
enableBtn.addSelectHandler(new SelectEvent.SelectHandler() {
@Override
public void onSelect(SelectEvent event) {
if (!logonBtn.isEnabled()) {
logonBtn.setEnabled(true);
} else {
logonBtn.setEnabled(false);
}
}
});
return enableBtn;
}


}

EthiC
27 Mar 2012, 4:18 AM
Just saw 2 internet explorer 8's with exactly the same version, behave differently. 1 had the issue above and the other worked normal. Starting to think this will not be a bug of Ext GWT but of microsoft's part.

Somebody else noticed this also:
http://www.greywyvern.com/?post=313

WesleyMoy
27 Mar 2012, 11:27 AM
I'm not able to replicate this issue in my copy of IE8. I've listed my OS and browser versions; if you could do the same for a browser/machine that has this issue, I can see if I can get any closer to replicating this issue here.

Windows 7 Enterprise, Service Pack 1, 32-bit
IE 8.0.7601.17514, Update Versions: 0
Development mode

I've noticed a similar issue quite some time ago while using the IE9 developer tools to simulate IE7 (a use case we don't support). Having a known and supported environment where this issue occurs reliably would be very helpful.

EthiC
28 Mar 2012, 3:55 AM
FYI (specs of my machine where it always appears broken):
Microsoft Windows XP (32-bit)
Version 5.1 (Build 2600.xpsp_sp3_gdr.111025-1629: Service Pack 3)

Windows Internet Explorer 7
Version: 7.0.5730.13

Maybe a small detail, don't know if important, I've installed MultipleIEs (tool that allows you to run IE6 and IE7)

Wouldn't spend too much time on it anymore though, I kinda gave up on this one :-)

EthiC
3 Apr 2012, 5:56 AM
Upping this, have you got any closer to reproducing this issue on your side?

WesleyMoy
3 Apr 2012, 12:57 PM
No, I'm no closer to finding the problem with the following setup:

Windows XP 32-bit
Version 5.1 (Build 2600.xpsp_sp3_gdr.101209-1647 : Service Pack 3)
Internet Explorer 7.0.5730.13

In the machine that consistently fails to render the panel correctly, have you tried any of the Explorer examples? If so, which of those fail to render correctly?

In the past, we've noticed issues with all of the following: setting browser version in Developer Tools, compatibility mode, standalone (self-contained) IE, and multiple IE installations on a single machine. None of these are configurations that we support, so we haven't done any investigations and never test using any of these configurations. You may want to consider testing using virtual machines (such as using Microsoft's Internet Explorer Application Compatibility VPC images (http://www.microsoft.com/download/en/details.aspx?id=11575)) to ensure that your copies of Internet Explorer are fully standard.

I'll reply here if I start noticing any similar issues in IE in testing.

EthiC
4 Apr 2012, 12:25 AM
Thanks for your reply!
Perhaps by installing the MultipleIEs tool that I screwed over my IE, uninstalled it now, but doesn't have an effect.
Went to the examples, result: let's say 50% of the examples have the background issue and it reacts slow.
Uploaded another example for completeness:
http://img201.imageshack.us/img201/5756/examplenl.jpg
(http://img201.imageshack.us/img201/5756/examplenl.jpg)I'll do a quick poll here to see if anyone else has these issues.

EthiC
4 Apr 2012, 1:41 AM
Tested going to http://www.sencha.com/examples-dev/#ExamplePlace:buttonaligning in IE on different machines.

Internal poll result:


Windows Version
Internet Explorer Version
Has problems


XP
7
Yes


XP
7
Yes


XP
7
Yes


XP(on VM)
8
No


XP
8
Yes


XP
8
No


XP
8
Yes


7
8
Yes


7
8
No


7
9
No


7
9
No



The combination of Windows 7 and IE9 seems to be consistent in having no problems (though only tested on 2 machines).
The combination of Windows XP and IE7 always fails.

Colin Alworth
5 Apr 2012, 3:04 PM
Interestingly, I am _not_ able to reproduce this issue at http://sencha.com/examples-dev/#ExamplePlace:buttonaligning on an XP machine running IE7. This is a VirtualBox VM, made from an old XP cd, installed as if on a real machine.

IE Version: 7.0.5730.13
Windows Version: 5.1.2600 Service Pack 2 Build 2600

WesleyMoy
5 Apr 2012, 4:21 PM
I've tested on a physical, non-VM machine, and it seems that the combination of XP with either IE7 and IE8 work without issue. I'll keep an eye out for any other configurations of Windows+IE that become available, but for the moment, I'm not able to debug this problem. If this turns out to be a more widespread issue, I'll try to collect more data from you and others to see if I can work out some correlation. Until then, please let us know if you see anything else that might help us start to replicate the issue here.

WesleyMoy
22 May 2012, 2:19 PM
I've taken a closer look at this issue, and I've committed a potential fix. Please continue any discussion in 205452. Unfortunately, because I'm not able to test here, I can't be confident that this resolves the issue completely.