Help - Insert Link to URL not working in IE11

Permalink 1 user found helpful
In a nutshell, while in Edit Mode in IE11, I can't add a link to an external URL on any paragraph text in the Edit Content block. It seems that the text I'm selecting to be the link gets deselected while applying the Link Url in the Insert/Edit Link popup. This basically keeps the popup open without taking any effect.

- C5 version: 5.6.1.2
- Cache has been cleared
-http://www.tworiversgallery.ca

Here's what happens:

1) While in Edit Mode in the Edit Content block, I create some text (ie:Test Link), select the text and click the Insert Link icon.
* Notice the selected text is 'Paragraph' text
* see Screenshot 1

2) The Insert/Edit Link box pops up. I type in the Link URL and click the Insert button
* Notice how the text 'Test Link' is no longer selected. This does NOT happean in Firefox.
* see Screenshot 2

3) The Insert/Edit Link popup just refreshes and nothing happens. At this point I just cancel.
* see Screenshot 3


Note:
I have also tried just adding the text 'Test Link' on its own as a first step and save my edits. Then for my second step I try adding the link URL... but without success.

My client prefers using IE so I can't simply suggest switching browsers. There is an issue here which should be addressed regardless of browser.

Can anyone shed some light on this? Thanks in advance!

- Michael -

3 Attachments

splashmg
View Replies:
Steevb replied on at Permalink Reply
Steevb
Try modifying IE8 html class on line 6 of your header.php

<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->


Should be
<!--[if gt IE 8]><!--> <html class="no-js"> <![endif]-->


Or maybe just
<html lang="<?php  echo LANGUAGE?>" class="no-js">
for all
splashmg replied on at Permalink Reply
splashmg
I'll try that Steevb. I'll let you know if it helps.

Thank you kindly for the response.

- Michael -

----- Original Message -----
From: "concrete5 Community" <[email protected]>
To: [email protected]
Sent: Monday, January 6, 2014 4:28:32 PM
Subject: Help - Insert Link to URL not working in IE11 : Editing with concrete5
splashmg replied on at Permalink Reply
splashmg
Hi Steevb.
Unfortunately those didn't work.

It appears that when you viewed the source code of my page, it gets displayed a bit differently than what it actually is. Here's what is in my header.php:

<html lang="<?php echo LANGUAGE?>">
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->


If tried removing all the conditionals and I still have the same problem.

- Michael -
Steevb replied on at Permalink Reply
Steevb
Yes, as I mentioned. The last line is wrong, remove (<!--).

Looking a bit deeper there are quite few coding errors, usehttp://validator.w3.org/ to help with cleaning code.

The slider doesn't work for me with IE11, I suspect you have a javascript issue.

Try removing scripts until everything works, that might help pin down the problem.
splashmg replied on at Permalink Reply
splashmg
Hi Steevb

1) I did as you suggested with the conditional statements in the header and I still can't create a link to a URL with the Edit Content block. I can link to a page within the site for some reason. I even removed them completely to test... same issue

*I have changed the conditionals back because from my looking around (Paul Irish site), it appears the way I have it setup is acceptable.

2) I've commented out links to scripts in the footer and the issue is still occurring.

3) The Two Rivers Gallery site was created by a former coworker. I created a different site (www.nadleh.ca) over a year and a half ago with c5 and am also having the same issue simply adding a link to a URL. I had no issues before when the site was launched.

4) The slider is working for me.

Thanks Steevb

- Michael -
Steevb replied on at Permalink Reply
Steevb
Yeah, sorry you're right.

Try this:
<!doctype html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]><html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]><html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
splashmg replied on at Permalink Reply
splashmg
Hi Steevb
Unfortunately the new code didn't work either.

For this particular site we're running 5.6.1.2 and not the latest 5.6.2.1

Even though it isn't the latest version of c5, It's still pretty new. I'm surprised that it's not operating properly with IE11. The other site I mentioned (www.nadleh.ca) is even older and it now has the same problem with linking to a URL.

Is this happening in IE11 for any sites you've done with c5, that may not be the latest version of c5?




----- Original Message -----
From: "concrete5 Community" <[email protected]>
To: [email protected]
Sent: Tuesday, January 7, 2014 2:47:52 PM
Subject: Help - Insert Link to URL not working in IE11 : Editing with concrete5
Steevb replied on at Permalink Reply
Steevb
Okay, could be a bug?

If after logging in and site is checking for updates, spinner just spins and spins and.......

Do not have the option to edit blocks without a page refresh.

Can select text in content editor and link to page, but cannot create a link?

Two sites tested with IE11 running 5.6.2.1, neither work?
splashmg replied on at Permalink Reply
splashmg
Hey Steevb

1) If after logging in and site is checking for updates, spinner just spins and spins and.......
- This doesn't happen to me.

2) Do not have the option to edit blocks without a page refresh.
- This kinda happens to me. Sometimes when I go into Edit Mode and then click to a different page, my top edit bar disappears until I refresh the browser.

3) Can select text in content editor and link to page, but cannot create a link?
- No. I can link to an internal page just fine... it's linking to an external website.

4) Two sites tested with IE11 running 5.6.2.1, neither work?
- Two Rivers Gallery is running 5.6.1.2 and Nadleh is older (5.6.0.1). Neither work. We've tried getting approval to upgrade the Nadleh site but haven't got it.

- I was curious if you have any c5 sites that may be a little older and if the same thing is happening to you.

- Michael -
lchadwick replied on at Permalink Reply
Just had a customer calling with same complaint on EI11-- They can't create a link in a content block. When "Insert" is clicked, the dialog box remains open and the URL text disappears. No link is created in the text. In addition, they can't view the HTML editor. When the blue HTML button is clicked in the rich text editor, the HTML Source Editor dialog window opens but remains blank. Neither the Update or Cancel buttons of the HTML Source Editor window are visible. The Edit content window is still visible underneath it.
splashmg replied on at Permalink Reply
splashmg
I haven't tried viewing the HTML editor but I will to see if my 2 sites are doing the same.

What version of c5 is your client running?
lchadwick replied on at Permalink Reply
It looks like 5.2.2.1, so about 1 year old. I asked my client to try editing in Firefox, and that is working for them. Their computers were apparently auto upgraded to EI11 back in November, but because of the holidays, they didn't notice until now.
splashmg replied on at Permalink Reply
splashmg
When I have time I want to get approval from my clients to update their sites and see if the problem persists in IE11.

I am very curious to see if this problem is occurring for people running the latest c5 (5.6.2.1 - I believe) and using IE11.
splashmg replied on at Permalink Reply
splashmg
In IE11, the HTML editor window is blank as well.

The buttons below the window are not visible but if you grab and drag the top bar in the popup, you can reveal the buttons.
Steevb replied on at Permalink Reply
Steevb
Try running IE11 in 'Compatibility View'.

When logged in look for 'tools', 'Compatibility View' from the IE11 browser settings.

You can also add your website to the settings so that it always show 'Compatibility View' when logged in.
splashmg replied on at Permalink Reply
splashmg
Hi Steevb

Changing IE11 to Compatibility View worked for the site. I was able to add a link to an external URL.

One downside I've discovered so far, is that the navigation's dropdowns go behind the slider now...

All that being said...
in your opinion is this simply indicating there is an actual problem somewhere within this site... perhaps the theme's CSS... or is this a possible problem with all concrete5 sites in IE11... even newer ones like Two Rivers Gallery?

Q: Do you have any current sites that ARE working fine in IE11? I'm interested if the latest c5 has the same issue.

- Michael -
Steevb replied on at Permalink Reply
Steevb
THIS IS NOT A THEME ISSUE!

What this is, is a combination of IE and the pop up text editors (there are a few).

Although from I read and researched, which is not a lot, It appears to be a combination different types of coding (mostly mS).

There are several ways to deal with the solution:
Modify the core code (most CMS's).
Deliver from CMS sever with (X-UA-Compatible)
Update the text editor.
Pick a different editor.

But, as far as I'm concerned it seems that with IE11 we have gone backwards!

I've spent years pandering to IE and it's failings. I assumed IE9+ would save a lot of coding, misinterpretation and stupid errors.

FFS, how wrong was I!

Please read our NEW policy:

We do NOT support Internet Explorer below version 8 or above version 9.

This is the future, there no reason not to use an alternative browser, they are FREE for f**** sake!
Steevb replied on at Permalink Reply
Steevb
Sorry for the rant.

Your Q: Do you have any sites working with IE 11 - NO!

Nav drop down could be about IE and z-index?

Tried to modify three sites with quick tweek, no go?

NOTE: Please be aware (potential clients) if you want to use IE in any shape or form, I and my team will NOT be responsible for the complete garbage viewed in you browser!!
splashmg replied on at Permalink Reply
splashmg
Thanks Steevb

I appreciate your feedback on this issue and I'm pleased to know that it isn't a concrete5 problem, or a problem with my theme... but once again, an IE issue.

It's all very frustrating and time-wasting.

- Michael -
lchadwick replied on at Permalink Reply
Was able to make changes to the site in compatibility mode but experienced the same issue with main navigation now appearing behind other page elements. The quick fix is to use Firefox as we usually do. This will be an adjustment for our typical clients, who do their own daily editing on the site and use IE. Thanks to you and Steevb for your help.
bek replied on at Permalink Reply
Hi,

Is anyone still on this thread? I'm having the same problem. Can't add a link in IE11 either. The contents of the link just disappear from the input box. Embarrassingly I didn't pick this up until I was demonstrating the CMS to my client - obviously I don't ever develop in IE :)

It seems to work in compatibility view - kind of, but this is far from a perfect solution. In a perfect world everyone would just use Firefox.......
splashmg replied on at Permalink Reply
splashmg
Hi Bek,
I've submitted this issue to concrete5's bug tracker. Other than that, I have no other information on the issue.

I hope that concrete5 will find a solution sometime.
bek replied on at Permalink Reply
Hi,

Thanks, I submitted it to bug tracker too.

Kind regards,
Bek
adaptive replied on at Permalink Reply
adaptive
Can you post a link to the bug please? I can't find it.
splashmg replied on at Permalink Reply
splashmg
Hi Adaptive,

It looks like the Bug Report I posted a while back to the 'Bug Tracker' has been removed... I'm assuming by concrete5.

I'm not sure why it's not there anymore.
adaptive replied on at Permalink Reply
adaptive
I posted my similar bug athttp://www.concrete5.org/index.php?cID=605666....
Please click the green button to mark bug as similar to yours.
adaptive replied on at Permalink Reply
adaptive
I have investigated further and have added some comments to the bug.
Basically, the version of TinyMCE shipped with Concrete is not fully compatible with IE11.
Hopefully this problem can be fixed soon. As there will be large numbers of people upgrading to Windows 8.1 (with IE11) due to XP being dropped later this year, I see this issue becoming much more significant.
It also doesn't give a very good impression to my clients if I have to tell them the CMS I have provided them is 'the greatest CMS in the world', just don't use IE11.
I acknowledge that Concrete5.7 is on its way and that TinyMCE will be no more, and that is difficult to justify giving resource to fixing this.
Steevb replied on at Permalink Reply
Steevb
Meant to get back sooner. This is an issue for other CMS's, not just C5.

One thing that works for me is:
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">
in themes header.php.
splashmg replied on at Permalink Reply
splashmg
Thanks Steevb,
I'm going to try the X-UA-Compatible workaround.
splashmg replied on at Permalink Reply
splashmg
Thanks Adaptive,

Makes sense to me. I'm going to try Steevb's X-UA-Compatible workaround.
adaptive replied on at Permalink Reply
adaptive
Using the X-UA meta tag suggested by Steevb is a good short term fix. You may be better emulating IE10 rather than IE9, why force IE10 to emulate IE9 when IE10 works okay with TinyMCE 3.4.6?
Just be sure you understand what the implications are of using the X-UA-Compatible meta tag. This article on Stackoverflow is informative:http://stackoverflow.com/questions/6771258/whats-the-difference-if-...

In the meantime I am working on merging C5 customisations in to a stock TinyMCE 3.5.10. I don't have the build files or any info on what the customisations are, or test scripts, so not so easy to do.
Steevb replied on at Permalink Reply
Steevb
It makes no difference whether you target IE9 or IE10.
adaptive replied on at Permalink Reply 1 Attachment
adaptive
Okay, I have got a 'working' install of TinyMCE version 3.5.10 with what I believe are the necessary Concrete 5.6.2.1 customisations.

To try this out:
1. Get TinyMCE 3.5.10 fromhttp://www.tinymce.com/download/download.php...
2. In your C5 install backup/rename your existing tiny_mce directory <siteroot>/concrete/js/tiny_mce
3. From the TinyMCE 3.5.10 download copy the tiny_mce directory (tinymce_3.5.10\tinymce\jscripts\tiny_mce) to <siteroot>/concrete/js/
4. Then copy my attached 'plugins' and 'themes' directories in to <siteroot>/concrete/js/tincy_mce so they overwrite.
5. Clear site and browse caches otherwise you get unexpected errors. [So I cleared the C5 site cache and the browser cache (site history). Ctrl+F5 to reload page.]
6. You can check that the new scripts are being used by using IE devtools debug to view tiny_mce.js. You should find 'minorVersion:"5.10"'.

Please note this solution is untested and should not be used for a production website.

As an alternative to replacing tiny_mce in the concrete directory, you could put it in <siteroot>/js/ instead, so that it overrides. If you do this, you will need to either update the CSS @import paths in the Concrete plugin and theme files, or (simpler), copy the 2 CSS files 'ccm.app.css' and 'ccm.tinymce.css' from <siteroot>/concrete/css/ to <siteroot>/css/

Hope this helps.

Oh, forgot to say that in my scripts I increased the height of the link editor popup, to avoid having to scroll down to find the Cancel and Update buttons when on the Advanced tab.
splashmg replied on at Permalink Reply
splashmg
Thanks Adaptive.

At the moment I'm not sure how I want to proceed.
adaptive replied on at Permalink Reply
adaptive
If you have a development site, and you have the time, it would be great if you could check out my TinyMCE upgrade solution, and report back. This may give you confidence to use it on a clients site.

In the short term, I would say that using the X-UA meta tag could be the easiest solution for you. Make sure you test your page layouts.

Hopefully, the C5 core team can provide a minor release to upgrade the TinyMCE in the not too distant future. Particularly as not everyone will want to upgrade from 5.6 to 5.7, as it looks like a lot of changes, and in the meantime more and more people using IE11.