View Full Version : [OPEN] [] HTMLEditor - Not working as expected.

23 Oct 2013, 2:58 PM
Ext version tested:
Ext rev

Browser versions tested against:
FF 24.0, Chrome 30.0.1599.101, Safari 5.1.7 (7534.57.2)

HTMLEDITOR in Southpanel of a borderlayout. When collapsing the text diappears and entering new text is no more possible

Steps to reproduce the problem:

What occures:
When clicking the splitbar. Southpanel collapses. When bringing it back to full size, values have been disappearded and it is not possible to enter text from the keyboard. I expect the value not to disappear and stay changeable. When looking at the page's html: not only the text disappears but also the styling info in iframe/html/header/style is deleted.

23 Oct 2013, 9:15 PM
Additional info: My real production problem is worse - but I can not reproduce it in a simple test, yet: there the text+style disappears when moving the splitbar slightly.

Gary Schlosberg
24 Oct 2013, 5:52 AM
Thanks for the report. Looks like this is a known issue and is related to EXTJSIV-11277 as well. Both fixes are currently still pending.


24 Oct 2013, 8:48 PM
EXTJSIV-9873 has been posted on 16 May 2013.

For our issue we have three project options:

waiting for your bug fix
fix it ourself or find a workaround
use a different component

If you could give a hint on your time shedule for the bug fix it would help us on our decision.

Gary Schlosberg
25 Oct 2013, 1:12 PM
A colleague (http://www.sencha.com/forum/member.php?8730-hendricd) of mine suggested a workaround: Add animCollapse: false to the south region. This will require postition: absolute, which reinits an iframe (htmleditor). Hope that helps.

26 Oct 2013, 1:45 AM
Gary, thanks a lot. The workaround works for the testcase I put on fiddle.

We still have the problem in our production code. But as we do not see it in our testcase, it could be a different cause - maybe a problem associated with using MathJax. I am working on isolating a testcase.

26 Oct 2013, 3:34 AM
My production bug is related to MathJax. Here is the code to reproduce it:

<link rel="stylesheet" type="text/css" href="../../prgs/ext-">
<script type="text/javascript" src="../../prgs/ext-"></script>
<script type="text/javascript"
<script src="app.js"></script>


Ext.onReady(function() {
Ext.create('Ext.container.Viewport', {
renderTo: Ext.getBody(),
overflowY: 'auto',
layout: 'border',
requires: ['Ext.layout.container.Border', 'Ext.form.field.HtmlEditor'],
items: [{
region: 'center',
border: false,
layout: 'fit'
}, {
region: 'south',
layout: 'fit',
height: 300,
split: true,
weight: 10,
border: false,
items: [{
xtype: 'htmleditor',
id: 'editor',
value: 'test'
afterrender: function() {
MathJax.Hub.Queue(["Typeset", MathJax.Hub]);



When moving the splitbar the value is deleted from the htmledit panel.