By Gavin G on Saturday, 29 March 2014
Posted in General Issues
Replies 30
Likes 0
Views 1K
Votes 0
Getting errors in the notifications, conversations and friend request dropdowns with Internet Explorer 10 and 11.
"Unable to load tooltip content." shows in the dropdowns instead of their content and I don't see any JS errors in the console.
Works absolutely fine with IE9 though. Even works in IE11 in IE9 document mode or whatever it's called.

Share what's new box on stream doesn't work properly on IE9. It doesn't expand when you click into it. Works fine in IE10 and IE11.

Cannot reply to a stream updates with IE11. After typing your message and hitting the Submit button you get the error "Invalid character". The exact same basic text without any weird characters, just normal text and commas and a full stop is fine in Chrome.

I'm also having issues with overriding the ES stylesheets. When ES1.2 was released I really couldn't be bothered to wrestle with all those .less files again so I decided to just override some styles by putting a style.min.css in my templates html folder. The css file imports style.min.css and more.min.css from ES and then has it's overrides for the styles. It works perfectly on Chrome and Firefox but IE9 just makes a complete mess of it, breaking the ES pages completely. I even tried without the override css file and just put all the css style overrides directly into my main site template css file but it just looks a mess.

Spent such a long time on my site to get it working well on this poor excuse for a browser and now with the new version of ES and it's new templating system I feel like I'm back to square one again. What would you recommend is the best way to do this? It's mostly just colour changes, nothing major. Directly in site template or with these override files? And why don't they work properly with IE9? Is it something to do with the @import of the two ES css files?
Hello Gavin,

There are lots of restrictions especially on older IE versions. Microsoft has taken the initiative on IE10 onwards to fix their issues. One of the most common problems is that on older IE's, it only supports rendering of up to 32 stylesheets (If I recall correctly). Instead of overriding it through the template override, try applying these fixes on the template's css file directly.
·
Saturday, 29 March 2014 19:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Mark,
Yes that is what I have done for now but it was still acting really strange. It was like it was ignoring the media queries so you had the sidebar at the bottom and the sidebar toggle showing up the top and the layout was messed up. It looks fine on IE10/11 and even in IE9 document mode in IE11 so I'm just leaving it for now.

Please check those other things I mentioned though as they are occuring on IE11 which is the latest version. Notifications, share what's new box and replying. This happens on all the default themes too so it's not something I messed up with my styling.
·
Sunday, 30 March 2014 01:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Screenshot of errors on IE11 and IE10

1. You cannot submit a new item to the stream because any text you enter results in Invalid character warning.

2. Same problem replying to stream items. Invalid character warning.

3. You cannot load more stream items. It just displays loading... forever

4. Notification/conversation/friend request notifications (2nd screenshot) do not work. They just display "unable to load tooltip content".
·
Sunday, 30 March 2014 05:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Screenshot of error on IE9

1. When you click inside the Share what's new box, it does not expand to show the different options or the Submit button.
·
Sunday, 30 March 2014 05:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Gavin,

I am really sorry for the delay of this reply, we have been trying to check this with native IE9 support and it looks like we need to break down the theme files into 3 files otherwise IE will be erratic. Can you try this 1.2.5 and let us know if you are still experiencing similar problems?
·
Monday, 31 March 2014 16:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Try it when you release 1.2.5 you mean?
What about the errors in the latest version of IE that I mentioned above. Will those be looked at as well Mark?
·
Monday, 31 March 2014 21:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Gavin,

There are some known issues with native IE9 version because of the number of selectors in a single stylesheet. But these issues would be addressed in 1.2.5 If you happen to hit the same issue with 1.2.5 (Which should be out by tomorrow), just create a ticket here
·
Monday, 31 March 2014 23:09
·
0 Likes
·
0 Votes
·
0 Comments
·
Sure will do. Will the errors with IE10/11 that I mentioned be addressed in this update do you think Mark?
·
Tuesday, 01 April 2014 10:36
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Gavin,

Yes, they should be sorted out with 1.2.5
·
Tuesday, 01 April 2014 13:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin,

Yup, those issue mention for IE10 and IE11 will be addressed in EasySocial 1.2.5 too

Hope this help and have a nice day
Sam
·
Tuesday, 01 April 2014 13:44
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi again,
Just installed 1.2.5 and all of the issues with IE persist. Didn't they make it into this update?

IE 10 and 11:
1. You cannot submit a new item to the stream because any text you enter results in Invalid character warning.
2. Same problem replying to stream items. Invalid character warning.
3. You cannot load more stream items. It just displays loading... forever
4. Notification/conversation/friend request notifications (2nd screenshot) do not work. They just display "unable to load tooltip content".

IE9:
1. When you click inside the Share what's new box, it does not expand to show the different options or the Submit button.

I tested with the default Frosty theme.
·
Wednesday, 02 April 2014 21:19
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin,

I am unable to replicate IE10/11 related issues. I believe it may be more of an expired session issue because they are all related to Ajax calls.
Try log out and log in again and see if the issue still persists.

As for IE9, I have added a fix internally and I will update the files on your site soon as I'm planning to add a placeholder polyfill for IE9 and test things out first.
·
Thursday, 03 April 2014 12:18
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Jensen,
I tried logging in/out several times. Cleared all caches etc. Still the same problems with IE11 latest version. I can't post, comment, like, repost, social share, see notifications dropdowns. Nothing is working.
Which version of IE did you use when you made that test post on my site?
·
Thursday, 03 April 2014 12:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Gavin, I tested both IE10 and IE11 and I've just tested it again.
It could be user related. Have you tried logging in as the account you gave us and see if it works?
·
Thursday, 03 April 2014 13:05
·
0 Likes
·
0 Votes
·
0 Comments
·
Just tried and I have the same problems. I'll try reinstalling IE I think and see if that helps.
·
Thursday, 03 April 2014 13:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Complete reinstall didn't help.
No idea how you got it working because I have tried IE10 and 11 on 3 different computers and it just doesn't work. Always invalid character when trying to post or comment and unable to load tooltip content etc.
·
Thursday, 03 April 2014 14:56
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin, while I can't replicate your issue, I have switched to development mode and I have made some changes to the way ajax request is made.
Would you be able to test if those IE10/IE11 are fixed for you?
·
Thursday, 03 April 2014 15:17
·
0 Likes
·
0 Votes
·
0 Comments
·
UPDATE: Hi Gavin, I am able to replicate the issue on your site now. Now I'm debugging.
·
Thursday, 03 April 2014 15:28
·
0 Likes
·
0 Votes
·
0 Comments
·
It's actually worse. Now the Share what's new box doesn't expand when you click into it so you can't even attempt to post something.
Comment submit button does nothing.
Can't Like, Repost or Social Share, clicking links does nothing.
Notifications still display "unable to load tooltip content".
And now, also cannot use the ES dropdown menu of the toolbar module. Clicking that does nothing at all.
·
Thursday, 03 April 2014 15:35
·
0 Likes
·
0 Votes
·
0 Comments
·
I don't understand how it's working ok for you with IE10 and 11 but not for me on multiple computers. Are you using the actual IE browser or you are testing with some tool?
·
Thursday, 03 April 2014 15:37
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin, sorry I might have been replacing story scripts when you were testing.
I noticed when those error happens is when ajax call ended up in a redirection, returning page content instead of ajax results.
And it seems to happen when CDN is enabled.
I'm investigating I'll update you in a bit.
·
Thursday, 03 April 2014 15:45
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin, I can confirm that this is only happening when CDN is enabled.
Also, changes on the script isn't reflected on the CDN, I need to be able to flush the CDN to be able to test this.
Would you be able to provide us temporary access to your CDN accounts so I can flush it as I make changes?

And don't worry mate, I am really using IE10/IE11 not via some tool. :-)
·
Thursday, 03 April 2014 15:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Sure, I have added it to the optional info in the site info of this post
·
Thursday, 03 April 2014 15:55
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin,

I have tried all I can for now to get things up and running:
http://screencast.com/t/w3WX8iJfp

I hope that it is working for you now. Well it's agonizing for me when it's working for me but it's not working for you over there.

We have:
1. Modified our ajax request to add a timestamp to prevent caching.
2. Fixed IE9 issues related to story form (unable to expand + missing placeholder).
#1 & #2 will be rolled into 1.2.6 so upgrading will be smooth sailing.

We have also restored you site to previous working settings:
1. Changed from "Development" back to "Static + Compressed".
2. Re-enabled NoNumber CDN plugin.

During the process of debugging we have created several Invalidations Task on Cloudfront to flush the cache, do not be surprised if you see them.
http://screencast.com/t/N4iadnlo
·
Thursday, 03 April 2014 18:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Jensen, I really appreciate you trying to help but I just checked with IE10 and 11 and the problems persist. I cleaned cache, restarted computer entirely, even tried turning the CDN off, but still the same problems.

I noticed that if I do the same as you in the screencast, Network tab of F12 Developer, the type is text/html but in your screencast you have text/json and the response body for me is like the full html page.

Oh and now I also have x2 "Share what's new" texts, even in Chrome.
·
Thursday, 03 April 2014 19:17
·
0 Likes
·
0 Votes
·
0 Comments
·
Just tried it on our notebook with IE11 and everything works fine on that. Still doesn't work on my desktop or my server though which is very strange.

Anyway thanks again Jensen. Would you mind looking at that double "Share what's new" text though when you get a moment?

Cheers
·
Thursday, 03 April 2014 20:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi I'm so sorry I've missed the "style.min.css" in "jf_social/html/com_easysocial/styles".

I've added the following lines:
http://screencast.com/t/GDjRLAZxVYk

And the double "Share what's new" should go away now. :-)

Also, if you try testing on your desktop & your server with NoNumber CDN turned off and see if the error goes away?
This would double-confirm that its the CDN else the problem would then be somewhere else. :-)
·
Friday, 04 April 2014 13:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin,

We made an interesting discovery on AJAX calls + IE10. More information here:
http://bugs.jquery.com/ticket/12790
http://connect.microsoft.com/IE/feedback/details/771016
http://stackoverflow.com/questions/13188500/why-is-ie-10-refusing-to-send-post-data-via-jquery-ajax

We have made additional changes to the way AJAX calls are made on your site. I have also flushed Cloudfront's cache.
Would you be able to verify if the posting works now?

If it still doesn't work, some user suggests adding the following line in your page's head. You can try this too.

<meta http-equiv="x-ua-compatible" content="IE=9" >


Let us know if it works for you with or without the meta tag.

Thanks!
·
Friday, 04 April 2014 13:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Adding that meta line didn't actually help, but what did help was resetting Internet Explorer's settings. When I installed and ran IE11 for the first time, it asked if I would like to use Recommended Settings and I clicked on yes - with these settings applied, I had all of the above problems, but after resetting and opening IE11 again and choosing, Do not use recommended settings, everything works fine.

I'm not sure exactly which settings "Recommended Settings" applies, but there is something in there that caused all of these problems.
·
Monday, 07 April 2014 20:47
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Gavin,

Thanks for the heads up and glad that your issue now resolve.
Not too sure which setting actually causing the issue but we will give it a try again and see if we can find out which setting actually causing the issue

Thanks again and have a nice day
Sam
·
Tuesday, 08 April 2014 16:22
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post