Important Notice - Forums is archived
To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.
TinyMCE Wrapper Vaadin 7+ setVisible
My problem is when i toggle visibility at runtime (TinyMCETextField.setVisible) the editor disappears.
HTML (visible = true):
<div id="mceu_87" class="mce-tinymce mce-container mce-panel" hidefocus="1" tabindex="-1" role="application" style="visibility: hidden; border-width: 1px;"><div id="mceu_87-body" class="mce-container-body mce-stack-layout"><div id="mceu_88" class="mce-container mce-menubar mce-toolbar mce-stack-layout-item mce-first" role="menubar" style="border-width: 0px 0px 1px;"><div id="mceu_88-body" class="mce-container-body mce-flow-layout"><div id="mceu_89" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-first mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_89" role="menuitem" aria-haspopup="true"><button id="mceu_89-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">File</span> <i class="mce-caret"></i></button></div><div id="mceu_90" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_90" role="menuitem" aria-haspopup="true"><button id="mceu_90-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Edit</span> <i class="mce-caret"></i></button></div><div id="mceu_91" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_91" role="menuitem" aria-haspopup="true"><button id="mceu_91-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Insert</span> <i class="mce-caret"></i></button></div><div id="mceu_92" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_92" role="menuitem" aria-haspopup="true"><button id="mceu_92-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">View</span> <i class="mce-caret"></i></button></div><div id="mceu_93" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_93" role="menuitem" aria-haspopup="true"><button id="mceu_93-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Format</span> <i class="mce-caret"></i></button></div><div id="mceu_94" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_94" role="menuitem" aria-haspopup="true"><button id="mceu_94-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Table</span> <i class="mce-caret"></i></button></div><div id="mceu_95" class="mce-widget mce-btn mce-menubtn mce-flow-layout-item mce-last mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_95" role="menuitem" aria-haspopup="true"><button id="mceu_95-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Tools</span> <i class="mce-caret"></i></button></div></div></div><div id="mceu_96" class="mce-toolbar-grp mce-container mce-panel mce-stack-layout-item" hidefocus="1" tabindex="-1" role="group"><div id="mceu_96-body" class="mce-container-body mce-stack-layout"><div id="mceu_97" class="mce-container mce-toolbar mce-stack-layout-item mce-first mce-last" role="toolbar"><div id="mceu_97-body" class="mce-container-body mce-flow-layout"><div id="mceu_98" class="mce-container mce-flow-layout-item mce-first mce-btn-group" role="group"><div id="mceu_98-body"><div id="mceu_72" class="mce-widget mce-btn mce-first mce-disabled" tabindex="-1" aria-labelledby="mceu_72" role="button" aria-label="Undo" aria-disabled="true"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-undo"></i></button></div><div id="mceu_73" class="mce-widget mce-btn mce-last mce-disabled" tabindex="-1" aria-labelledby="mceu_73" role="button" aria-label="Redo" aria-disabled="true"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-redo"></i></button></div></div></div><div id="mceu_99" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_99-body"><div id="mceu_74" class="mce-widget mce-btn mce-menubtn mce-first mce-last mce-btn-has-text" tabindex="-1" aria-labelledby="mceu_74" role="button" aria-haspopup="true"><button id="mceu_74-open" role="presentation" type="button" tabindex="-1"><span class="mce-txt">Formats</span> <i class="mce-caret"></i></button></div></div></div><div id="mceu_100" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_100-body"><div id="mceu_75" class="mce-widget mce-btn mce-first" tabindex="-1" aria-labelledby="mceu_75" role="button" aria-label="Bold"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-bold"></i></button></div><div id="mceu_76" class="mce-widget mce-btn mce-last" tabindex="-1" aria-labelledby="mceu_76" role="button" aria-label="Italic"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-italic"></i></button></div></div></div><div id="mceu_101" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_101-body"><div id="mceu_77" class="mce-widget mce-btn mce-first" tabindex="-1" aria-labelledby="mceu_77" role="button" aria-label="Align left"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-alignleft"></i></button></div><div id="mceu_78" class="mce-widget mce-btn" tabindex="-1" aria-labelledby="mceu_78" role="button" aria-label="Align center"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-aligncenter"></i></button></div><div id="mceu_79" class="mce-widget mce-btn" tabindex="-1" aria-labelledby="mceu_79" role="button" aria-label="Align right"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-alignright"></i></button></div><div id="mceu_80" class="mce-widget mce-btn mce-last" tabindex="-1" aria-labelledby="mceu_80" role="button" aria-label="Justify"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-alignjustify"></i></button></div></div></div><div id="mceu_102" class="mce-container mce-flow-layout-item mce-btn-group" role="group"><div id="mceu_102-body"><div id="mceu_81" class="mce-widget mce-btn mce-splitbtn mce-menubtn mce-first" role="button" tabindex="-1" aria-label="Bullet list" aria-haspopup="true"><button type="button" hidefocus="1" tabindex="-1"><i class="mce-ico mce-i-bullist"></i></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div><div id="mceu_82" class="mce-widget mce-btn mce-splitbtn mce-menubtn" role="button" tabindex="-1" aria-label="Numbered list" aria-haspopup="true"><button type="button" hidefocus="1" tabindex="-1"><i class="mce-ico mce-i-numlist"></i></button><button type="button" class="mce-open" hidefocus="1" tabindex="-1"> <i class="mce-caret"></i></button></div><div id="mceu_83" class="mce-widget mce-btn" tabindex="-1" aria-labelledby="mceu_83" role="button" aria-label="Decrease indent"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-outdent"></i></button></div><div id="mceu_84" class="mce-widget mce-btn mce-last" tabindex="-1" aria-labelledby="mceu_84" role="button" aria-label="Increase indent"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-indent"></i></button></div></div></div><div id="mceu_103" class="mce-container mce-flow-layout-item mce-last mce-btn-group" role="group"><div id="mceu_103-body"><div id="mceu_85" class="mce-widget mce-btn mce-first" tabindex="-1" aria-labelledby="mceu_85" role="button" aria-label="Insert/edit link"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-link"></i></button></div><div id="mceu_86" class="mce-widget mce-btn mce-last" tabindex="-1" aria-labelledby="mceu_86" role="button" aria-label="Insert/edit image"><button role="presentation" type="button" tabindex="-1"><i class="mce-ico mce-i-image"></i></button></div></div></div></div></div></div></div><div id="mceu_104" class="mce-edit-area mce-container mce-panel mce-stack-layout-item" hidefocus="1" tabindex="-1" role="group" style="border-width: 1px 0px 0px;"><iframe id="435_ifr" frameborder="0" allowtransparency="true" title="Rich Text Area. Press ALT-F9 for menu. Press ALT-F10 for toolbar. Press ALT-0 for help" src='javascript:""' style="width: 100%; height: 500px; display: block;"></iframe></div><div id="mceu_105" class="mce-statusbar mce-container mce-panel mce-stack-layout-item mce-last" hidefocus="1" tabindex="-1" role="group" style="border-width: 1px 0px 0px;"><div id="mceu_105-body" class="mce-container-body mce-flow-layout"><div id="mceu_106" class="mce-path mce-flow-layout-item mce-first"><div role="button" class="mce-path-item mce-last" data-index="0" tabindex="-1" id="mceu_106-0" aria-level="0">p</div></div><div id="mceu_107" class="mce-flow-layout-item mce-last mce-resizehandle"><i class="mce-ico mce-i-resize"></i></div></div></div></div></div>
Setting visible to false and then again to true:
HTML:
<div class="v-textfield v-widget v-has-width v-has-height" id="435" style="width: 100%; height: 300px;"><p>fgggfgg</p></div>