I've stumbled on some strange behaviour of the ckeditor in a certain circumstance, just when using Firefox. This doesn't happen with Chrome or IE9. First off, I'm going to describe the stage:
I'm using jquery + jquery ui and the jquery adapter of ckeditor. There is a dialog containing several tabs, each containing a textarea to be replaced with ckeditor. Both the dialog and tabs are made with jquery ui. In the beginning, there are 3 fixed tabs, already sent in the html from the server, but the user is able to add more custom tabs, which will be created with javascript (jquery) instead of being already served from the server. Note this difference because this seems to be one of the keys.
When the user clicks on different specified links, some info corresponding with the clicked link must be loaded asynchronously from the server and displayed in the editors of the tabs.
The problem appears on first load of info through ajax. The custom editors, the ones created via jquery, display the info without problems, but not the fixed ones, which display nothing the first time. The next times I click on that link or others, all the editors display the information correctly.
Another factor of the problem which I consider the second key of it is that since I always need the editors to be readonly at first (they all will be editable by clicking an edit-mode button) I use the setReadOnly() method for all of them in a loop. Well, if I comment out this code which sets the editors in readonly mode, the problem disappears.
I'm not sure if this could be some error in my code, or in ckeditor or its jquery adapter. But I've tested it lots of times. The problem seems not to appear when I debug with Firebug. Any clue about this would be greatly appreciated.
I'm using jquery + jquery ui and the jquery adapter of ckeditor. There is a dialog containing several tabs, each containing a textarea to be replaced with ckeditor. Both the dialog and tabs are made with jquery ui. In the beginning, there are 3 fixed tabs, already sent in the html from the server, but the user is able to add more custom tabs, which will be created with javascript (jquery) instead of being already served from the server. Note this difference because this seems to be one of the keys.
When the user clicks on different specified links, some info corresponding with the clicked link must be loaded asynchronously from the server and displayed in the editors of the tabs.
The problem appears on first load of info through ajax. The custom editors, the ones created via jquery, display the info without problems, but not the fixed ones, which display nothing the first time. The next times I click on that link or others, all the editors display the information correctly.
Another factor of the problem which I consider the second key of it is that since I always need the editors to be readonly at first (they all will be editable by clicking an edit-mode button) I use the setReadOnly() method for all of them in a loop. Well, if I comment out this code which sets the editors in readonly mode, the problem disappears.
I'm not sure if this could be some error in my code, or in ckeditor or its jquery adapter. But I've tested it lots of times. The problem seems not to appear when I debug with Firebug. Any clue about this would be greatly appreciated.
Re: Weird behaviour not displaying content in Firefox
*bump*
Please help needed!
This is a link to a video I uploaded in order to better describe what I'm trying to say:
http://www.youtube.com/watch?v=0QTm8B1Syl4
I would appreciate any help. I hope my effort with this video will pay off