librelist archives

« back to archive

ConverseJS integration with "IE=EmulateIE9"

ConverseJS integration with "IE=EmulateIE9"

From:
Florent Manens
Date:
2014-07-16 @ 00:56
Hi there, 

I created an integraton of ConverseJS in Zimbra (with a Zimlet), using p 
atched JBosh and Smack for prebind. I had to create a new auth module for 
OpenFire too, to not rely on user password (Single Sign on). 

This is working fine with Chrome and Firefox. 

But, Zimbra is working with : 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" /> 

I tryed my best but I was not able to make Converse.js work with the 
compatibility mode on. 

I think that the Javascript part is working correctly but the CSS fail. I 
don't know where and to be honest, I am not a CSS guy. 

I tryed with the conversejs webpage and it does not work if I modify the 
IE compatibility to EmulateIE9. 

Does someone know where I can search or what I have to do to make this possible ? 

Best regards, 

-- 
Florent Manens 
florent@manens.org 
06 76 29 87 83 
skype:fmanens 
http://vcard.manens.org 

Re: [conversejs] ConverseJS integration with "IE=EmulateIE9"

From:
Jc Brand
Date:
2014-07-16 @ 08:51
On Wed, Jul 16, 2014 at 02:56:35AM +0200, Florent Manens wrote:
>    Hi there,
>    I created an integraton of ConverseJS in Zimbra (with a Zimlet), using
>    patched JBosh and Smack for prebind. I had to create a new auth module for
>    OpenFire too, to not rely on user password (Single Sign on).
>    This is working fine with Chrome and Firefox.
>    But, Zimbra is working with : 
> 
>    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
>    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9" />
> 
>    I tryed my best but I was not able to mak e Converse.js work with the
>    compatibility mode on.

Can you elaborate on what the problem is? What in particular is not working?

>    I think that the Javascript part is working correctly but  the CSS fail. I
>    don't know where and to be honest, I am not a CSS guy.
>    I tryed with the conversejs webpage and it does not work if I modify the
>    IE compatibility to EmulateIE9.

In other words, you are able to replicate the problem on the website by turning
on compatibility mode?

What version of converse.js are you using? 0.7.4 or master branch (i.e.
unreleased 0.8)?

>    Does someone know where I can search or what I have to do to make this
>    possible ?

Best you can do is to explain as detailed as possible how converse.js behaves
when IE9 compatibility mode is on.

JC

Re: [conversejs] ConverseJS integration with "IE=EmulateIE9"

From:
Florent Manens
Date:
2014-07-16 @ 13:33
Hi JC, 

----- Mail original -----


De: "JC Brand" <lists@opkode.com> 
À: conversejs@librelist.com 
Envoyé: Mercredi 16 Juillet 2014 10:51:16 
Objet: Re: [conversejs] ConverseJS integration with "IE=EmulateIE9" 

> I think that the Javascript part is working correctly but the CSS fail. I 
> don't know where and to be honest, I am not a CSS guy. 
> I tryed with the conversejs webpage and it does not work if I modify the 
> IE compatibility to EmulateIE9. 

In other words, you are able to replicate the problem on the website by turning 
on compatibility mode? 



I am able to reproduce a non-working Convrsejs by : 
* saving website on disk 
* validate that it work without modification 
* modify IE=EmulateIE9 
* clear cache 
* conversejs is not working. 


<blockquote>

What version of converse.js are you using? 0.7.4 or master branch (i.e. 
unreleased 0.8)? 
</blockquote>




I tryed 0.7.4 and latest Git master branch. 


<blockquote>


> Does someone know where I can search or what I have to do to make this 
> possible ? 

Best you can do is to explain as detailed as possible how converse.js behaves 
when IE9 compatibility mode is on. 


</blockquote>


Zimbra is a quite complex application, with tons of Javascript and CSS so 
the problem may be more complex than emulation mode but, I noticed that : 
* When I set IE=Edge, ConverseJS is OK, Zimbra is KO 
* When I set IE=Edge, ConverseJS is KO, Zimbra is OK 

What is KO for ConverseJS ? 

See the screenshot below : 



The only thing I have to do to make ConverseJS work is to change to IE=Edge. 

The behavior is not the same with 0.7.4, it display more things. 

I can provide an account to test it. 

Best regards, 

-- 
Florent Manens 
florent@manens.org 
06 76 29 87 83 
skype:fmanens 
http://vcard.manens.org 

Re: [conversejs] ConverseJS integration with "IE=EmulateIE9"

From:
Jc Brand
Date:
2014-07-21 @ 07:51
On Wed, Jul 16, 2014 at 03:33:59PM +0200, Florent Manens wrote:
> > I think that the Javascript part is working correctly but the CSS fail. I 
> > don't know where and to be honest, I am not a CSS guy. 
> > I tryed with the conversejs webpage and it does not work if I modify the 
> > IE compatibility to EmulateIE9. 
> 
> In other words, you are able to replicate the problem on the website by turning 
> on compatibility mode? 
> 
> I am able to reproduce a non-working Convrsejs by : 
> * saving website on disk 
> * validate that it work without modification 
> * modify IE=EmulateIE9 
> * clear cache 
> * conversejs is not working. 

I have a checkout of the master branch of converse.js.

I added the header:
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">

I then loaded the page in IE 11 and IE 10.

In both cases it loaded fine and I was able to use converse.js.

Did you test with the standard converse.js website or always with Zimbra?