Note that there are some explanatory texts on larger screens.

plurals
  1. POTinyMCE - pressing tab causes the toolbar to disappear
    text
    copied!<p>We have an Ext JS app with a TinyMCE rich text editor handled by an Ext extension called Ext.ux.TinyMCE.</p> <p>In firefox (3 and 4) and internet explorer 9 when the text box is focused and the user hits the tab key, the toolbar disappears. </p> <p>In chrome (11) a tab is inserted.</p> <p>This behavior cannot be seen on the tiny MCE demo page: <a href="http://tinymce.moxiecode.com/tryit/full.php" rel="nofollow">http://tinymce.moxiecode.com/tryit/full.php</a></p> <p>But is can be seen on the Ext.ux.TinyMCE page: <a href="http://blogs.byte-force.com/xor/tinymce/" rel="nofollow">http://blogs.byte-force.com/xor/tinymce/</a></p> <p>Anyone have a fix, or a suggestion as how to fix this?</p> <p><strong>Update</strong></p> <p>Following the helpful comment by @XOR I started looking at things that could receive the focus of a tab. We are not displaying the status bar but I checked to see if a hidden status bar could still receive focus. I don't think this is the case. </p> <p>What does appear to be receiving focus is a curious anchor tag at the end of the table which represents the control.</p> <pre><code>&lt;a href="#"&gt;&lt;/a&gt; </code></pre> <p>When I delete this through firebug the tab no longer hides the toolbar. However removing this programmatically would just be a workaround, the main problem (again pointed out by @XOR) is the height of the control compared to its container. It seems like there are either some resizing conflicts or layout problems afoot here.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload