PDA

View Full Version : [CLOSED] html editor breaks if the container in which it is placed is collapsed



EmCy90
29 Sep 2011, 7:12 AM
REQUIRED INFORMATION

Ext version tested:

Ext 4.0.6
Browser versions tested against:

Chrome
FF7 (firebug 1.8.3 installed)
DOCTYPE tested against:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
Description:

When a container contains a htmleditor the htmleditor breaks when the container is collapsed
Steps to reproduce the problem:

collapse the container that contains the htmleditor
expand the container
The result that was expected:

after the container was expanded the html editor should allow text to be typed in it.
The result that occurs instead:

text could no longer be typed in the htmleditor
Test Case:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns = "http://www.w3.org/1999/xhtml" lang = "en" xml:lang = "en">
<head>
<link rel = 'stylesheet' href = 'ext-4.0.6/resources/css/ext-all.css' type = 'text/css' />
<script type = 'text/javascript' src = 'ext-4.0.6/ext-all.js'></script>
</head>
<body>
<script type = 'text/javascript'>
Ext.onReady( function(){
Ext.create('Ext.container.Viewport', {
layout: 'border',
items: [{xtype: 'panel', region: 'center', html: 'some content'},
{ xtype: 'form', collapsed: false ,collapsible: true, split: true ,region: 'east',
items: {xtype: 'htmleditor', anchor: '100% 100%'}}]
})
});
</script>
</body>
</html>
HELPFUL INFORMATION

Screenshot or Video:

none
See this URL for live test case: none

Debugging already done:

none
Possible fix:

not provided
Additional CSS used:

only default ext-all.css
Operating System:

WinXP Pro sp3

evant
29 Sep 2011, 4:27 PM
Unfortunately there's not a great deal we can do about it. When the animation happens it causes a reflow which breaks the editor in non IE browsers. It's related to this browser bug:

https://bugzilla.mozilla.org/show_bug.cgi?id=90268

I'll make a note in the docs for HTMLEditor.