Closing a CKEditor dialog such as the link dialog in the blog causes the content to be scrolled to the top of the page. I've confirmed that this occurs in the mojoportal demo site and does not occur on the CKEditor demo page.

Steps to reproduce:

1. Start with editing a long content page such as the home page on the demo site.
2. Scroll the content within CKEditor so that the top of the content is no longer visible, perhaps near the bottom of the page.
3. Click on the "Link" button.
4. Click the Cancel button (no need to add a link). You will see the content being scrolled back up to the top.

When adding links to the content, this becomes very frustrating as I'm sure you can imagine since you have to scroll back to where you were before if you want to add additional links further down in the page.

Since this does not occur in the CKEditor demo site, my guess is that there is some event.preventDefault() call within mojoportal that is needed to keep the anchor element that makes up the OK or Cancel buttons from doing what they normally do.

I've tried this in both Firefox and IE and it happens in both browsers.

Interestingly, I tried to duplicate this problem in this forum post and it does not happen, so perhaps this has something to do with whatever extra script the Blog/EditPost.aspx or the HtmlEdit.aspx pages use that is causing the problem. Hopefully, this will help you narrow down the cause of the problem.

Thanks for any help you can provide with this.

Hi Crispin,

What aspx page were you using to edit the html content? For me, it occurs in the Blog/EditPost.aspx and HtmlEdit.aspx pages. I'm not sure if it occurs in other pages that use the CKEditor, but it doesn't occur in the Forums/EditPost.aspx page as I had mentioned.

Have you tried to duplicate this on the demo site using the steps I described? It's also running 2.4.0.8 and I was able to duplicate the problem again. I'm also running with 2.4.0.8 locally and it happens when I edit a blog post.

I've tried this using Firefox (v 34) and IE so perhaps you are using a different browser, which could be the cause, but that seems unlikely.

Try editing the home page on the demo site and hopefully you'll be able to reproduce the problem.

Thanks.

Well that's frustrating. I was able to duplicate the problem in IE 11 as well so I did some more testing to try and narrow it down and found that there are some browser differences and it also depends on where the cursor is located in the content editor. I did some tests in both IE and Firefox on both the MojoPortal and CKEditor demo sites and the results are included below.

IE - MojoPortal Demo Website

1. Edit the home page
2. Click on the text "Welcome" at the top of the content.
3. Use the scroll bar only to scroll down to the bottom (the cursor should still be at the top)
4. Click the link button and then press Cancel. The content is scrolled up to the top.
5. Use Ctrl-End to put the cursor at the bottom of the content.
6. Click the link button and then press Cancel. The content stays in place.

The CKEditor demo site works the same way. This all makes sense since you would expect the link to be inserted wherever the cursor is. However, just simply closing a dialog shouldn't cause the content to be scrolled up, but since the CKEditor demo site works the same way, it is what it is.

Firefox - MojoPortal Demo Website

1. Edit the home page
2. Click on the text "Welcome" at the top of the content.
3. Use the scroll bar only to scroll down to the bottom (the cursor should still be at the top)
4. Click the link button and then press Cancel. The content is scrolled up to the top. This is the same as how IE works.
5. Use Ctrl-End to put the cursor at the bottom of the content.
6. Click the link button and then press Cancel. The content is scrolled up to the top. This differs from how IE works.

For Firefox, the content is always scrolled up which is pretty frustrating when you are trying to add links.

Firefox - CKEditor Demo Website

1. Click on the text "Apollo 11" at the top of the content.
2. Use the scroll bar only to scroll down to the bottom (the cursor should still be at the top)
3. Click the link button and then press Cancel. The content stays in place. This differs from MojoPortal
4. Use Ctrl-End to put the cursor at the bottom of the content.
5. Click the link button and then press Cancel. The content stays in place. This differs from MojoPortal

My original post didn't include the cursor position since I didn't know that was a factor and I was trying to keep the steps as simple as possible. Hopefully now you can duplicate these steps using IE and Firefox. I'm not sure how Chrome would work but I suspect it would be similar to how Firefox works.

It looks like I can use IE as a work-around but perhaps this issue has been fixed in the latest version of CKEditor. I'm not sure how up to date MojoPortal is with the latest version of CKEditor but if they are using the same version then there is something in MojoPortal that is causing this problem for Firefox users (and perhaps Chrome users).

Hopefully this will help you track this down.

Thanks.