Wysiwyg-editor: Editor freezes after quick clicking on table cells

[hul]

Expected behavior.

Editor and toolbar should be enabled.

Actual behavior.

Editor and toolbar become disabled.

Steps to reproduce the problem.

1. Add table to froala editor with rows and cells (2x2 is enough)
2. Quickly click on few different table cells.
3. After few clicks table stays disabled.

For easier reproduction there is a recording of this issue: https://youtu.be/GXL6NCW4CHQ
In the recording Froala Version 2.7.1 was used.

OS.

Windows 7 Enterprise

Browser.

Chrome Version 61.0.3163.100 (Official Build) (64-bit)

[SimonLuckenuik]

We are experiencing the exact same issue. This is a major issue for us, the tables are in the center of multiple scenarios in our app.

Once the editor freezes, the fr-view div has the following classes:
<div class="fr-element fr-view fr-disabled fr-no-selection" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true">

Windows 10 Pro 64 bits
Chrome Version 61.0.3163.100 (Official Build) (64 bits)

[SimonLuckenuik]

So far, the scenario happens to us mainly when doing multiple cells selection.

[stefanneculai]

@hul @SimonLuckenuik we would be happy to assist with that if you could provide a reasonable way to reproduce this glitch. Random clicks till you get to the problem is too vague and we couldn't find, so far, a way which would lead us to this state by doing a specific set of actions. Thanks!

I am closing this for now, however, we'd definitely reopen it we would have the necessary details.

[SimonLuckenuik]

@stefanneculai , is there any way to enable some verbose logging so that I can enable it and provide some logs to you for your investigations?

[stefanneculai]

@SimonLuckenuik unfortunately, we don't have such an option for the table plugin.

[SimonLuckenuik]

@stefanneculai can you provide me with a modified table.js with sufficient logs to help your team understand what is happening?

[SimonLuckenuik]

Here are the steps:
1) Take the full.html demo from release 2.7.1
2) Clear the content, insert multiple empty lines
3) Create a 2 x 2 table
4) Click on cell (0,0)
5) Click on cell (0,1)
6) Repeat step 2 and 3, until clicking the table does not select a new cell (no blue border around cell)
7) Toolbar is now disabled, editor is now disabled

There is a gif showing the repro steps in action:

In the video, one yellow dot = one click.

Here is the complete DOM of the editor after the error happens:

<div id="edit" style="margin-top: 30px;" class="fr-box fr-basic fr-top">
    <div class="fr-toolbar fr-desktop fr-top fr-basic fr-sticky fr-sticky-off fr-disabled" style="top: 0px;" aria-disabled="true">
        <button id="bold-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Bold (Ctrl+B)" class="fr-command fr-btn fr-btn-font_awesome" data-cmd="bold" aria-disabled="false"><i class="fa fa-bold" aria-hidden="true"></i><span class="fr-sr-only">Bold</span></button>
        <button id="italic-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Italic (Ctrl+I)" class="fr-command fr-btn fr-btn-font_awesome" data-cmd="italic" aria-disabled="false"><i class="fa fa-italic" aria-hidden="true"></i><span class="fr-sr-only">Italic</span></button>
        <button id="fontFamily-1" type="button" tabindex="-1" role="button" aria-controls="drop" aria-expanded="false" aria-haspopup="true" title="Font Family" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome fr-selection" data-cmd="fontFamily" aria-disabled="false"><i class="fa fa-font" aria-hidden="true"></i><span class="fr-sr-only">Font Family</span></button>
        <div class="fr-dropdown-menu" role="listbox" aria-labelledby="fontFamily-1" aria-hidden="true">
            <div class="fr-dropdown-wrapper" role="presentation">
                <div class="fr-dropdown-content" role="presentation">
                    <ul class="fr-dropdown-list" role="presentation">
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontFamily" data-param1="Arial,Helvetica,sans-serif" style="font-family: Arial,Helvetica,sans-serif" title="Arial">Arial</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontFamily" data-param1="Georgia,serif" style="font-family: Georgia,serif" title="Georgia">Georgia</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontFamily" data-param1="Impact,Charcoal,sans-serif" style="font-family: Impact,Charcoal,sans-serif" title="Impact">Impact</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontFamily" data-param1="Tahoma,Geneva,sans-serif" style="font-family: Tahoma,Geneva,sans-serif" title="Tahoma">Tahoma</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontFamily" data-param1="Times New Roman,Times,serif" style="font-family: Times New Roman,Times,serif" title="Times New Roman">Times New Roman</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontFamily" data-param1="Verdana,Geneva,sans-serif" style="font-family: Verdana,Geneva,sans-serif" title="Verdana">Verdana</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <button id="fontSize-1" type="button" tabindex="-1" role="button" aria-controls="drop" aria-expanded="false" aria-haspopup="true" title="Font Size" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome fr-selection" data-cmd="fontSize" aria-disabled="false"><i class="fa fa-text-height" aria-hidden="true"></i><span class="fr-sr-only">Font Size</span></button>
        <div class="fr-dropdown-menu" role="listbox" aria-labelledby="fontSize-1" aria-hidden="true">
            <div class="fr-dropdown-wrapper" role="presentation">
                <div class="fr-dropdown-content" role="presentation">
                    <ul class="fr-dropdown-list" role="presentation">
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="8px" title="8">8</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="9px" title="9">9</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="10px" title="10">10</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="11px" title="11">11</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="12px" title="12">12</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="14px" title="14">14</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="18px" title="18">18</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="24px" title="24">24</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="30px" title="30">30</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="36px" title="36">36</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="48px" title="48">48</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="60px" title="60">60</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="72px" title="72">72</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="fontSize" data-param1="96px" title="96">96</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="fr-separator fr-vs" role="separator" aria-orientation="vertical"></div>
        <button id="undo-1" type="button" tabindex="-1" role="button" aria-disabled="false" title="Undo (Ctrl+Z)" class="fr-command fr-btn fr-btn-font_awesome" data-cmd="undo"><i class="fa fa-rotate-left" aria-hidden="true"></i><span class="fr-sr-only">Undo</span></button>
        <button id="redo-1" type="button" tabindex="-1" role="button" aria-disabled="true" title="Redo (Ctrl+Shift+Z)" class="fr-command fr-btn fr-btn-font_awesome fr-disabled" data-cmd="redo"><i class="fa fa-rotate-right" aria-hidden="true"></i><span class="fr-sr-only">Redo</span></button>
        <button id="underline-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Underline (Ctrl+U)" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="underline" aria-disabled="false"><i class="fa fa-underline" aria-hidden="true"></i><span class="fr-sr-only">Underline</span></button>
        <button id="insertLink-1" type="button" tabindex="-1" role="button" title="Insert Link (Ctrl+K)" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="insertLink" data-popup="true" aria-disabled="false"><i class="fa fa-link" aria-hidden="true"></i><span class="fr-sr-only">Insert Link</span></button>
        <button id="insertImage-1" type="button" tabindex="-1" role="button" title="Insert Image (Ctrl+P)" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="insertImage" data-popup="true" aria-disabled="false"><i class="fa fa-image" aria-hidden="true"></i><span class="fr-sr-only">Insert Image</span></button>
        <button id="fullscreen-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Fullscreen" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="fullscreen" aria-disabled="false"><i class="fa fa-expand" aria-hidden="true"></i><span class="fr-sr-only">Fullscreen</span></button>
        <button id="color-1" type="button" tabindex="-1" role="button" title="Colors" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="color" data-popup="true" aria-disabled="false"><i class="fa fa-tint" aria-hidden="true"></i><span class="fr-sr-only">Colors</span></button>
        <button id="paragraphStyle-1" type="button" tabindex="-1" role="button" aria-controls="drop" aria-expanded="false" aria-haspopup="true" title="Paragraph Style" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome fr-hidden" data-cmd="paragraphStyle" aria-disabled="false"><i class="fa fa-magic" aria-hidden="true"></i><span class="fr-sr-only">Paragraph Style</span></button>
        <div class="fr-dropdown-menu" role="listbox" aria-labelledby="paragraphStyle-1" aria-hidden="true">
            <div class="fr-dropdown-wrapper" role="presentation">
                <div class="fr-dropdown-content" role="presentation">
                    <ul class="fr-dropdown-list" role="presentation">
                        <li role="presentation"><a class="fr-command fr-text-gray" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-gray" title="Gray">Gray</a></li>
                        <li role="presentation"><a class="fr-command fr-text-bordered" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-bordered" title="Bordered">Bordered</a></li>
                        <li role="presentation"><a class="fr-command fr-text-spaced" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-spaced" title="Spaced">Spaced</a></li>
                        <li role="presentation"><a class="fr-command fr-text-uppercase" tabindex="-1" role="option" data-cmd="paragraphStyle" data-param1="fr-text-uppercase" title="Uppercase">Uppercase</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <button id="paragraphFormat-1" type="button" tabindex="-1" role="button" aria-controls="drop" aria-expanded="false" aria-haspopup="true" title="Paragraph Format" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome fr-selection fr-hidden" data-cmd="paragraphFormat" aria-disabled="false"><i class="fa fa-paragraph" aria-hidden="true"></i><span class="fr-sr-only">Paragraph Format</span></button>
        <div class="fr-dropdown-menu" role="listbox" aria-labelledby="paragraphFormat-1" aria-hidden="true">
            <div class="fr-dropdown-wrapper" role="presentation">
                <div class="fr-dropdown-content" role="presentation">
                    <ul class="fr-dropdown-list" role="presentation">
                        <li role="presentation">
                            <p style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="N" title="Normal">Normal</a></p>
                        </li>
                        <li role="presentation">
                            <h1 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H1" title="Heading 1">Heading 1</a></h1></li>
                        <li role="presentation">
                            <h2 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H2" title="Heading 2">Heading 2</a></h2></li>
                        <li role="presentation">
                            <h3 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H3" title="Heading 3">Heading 3</a></h3></li>
                        <li role="presentation">
                            <h4 style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="H4" title="Heading 4">Heading 4</a></h4></li>
                        <li role="presentation"><pre style="padding: 0 !important; margin: 0 !important;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="paragraphFormat" data-param1="PRE" title="Code">Code</a></pre></li>
                    </ul>
                </div>
            </div>
        </div>
        <button id="align-1" type="button" tabindex="-1" role="button" aria-controls="drop" aria-expanded="false" aria-haspopup="true" title="Align" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome fr-hidden" data-cmd="align" aria-disabled="false"><i class="fa fa-align-left" aria-hidden="true"></i><span class="fr-sr-only">Align</span></button>
        <div class="fr-dropdown-menu" role="listbox" aria-labelledby="align-1" aria-hidden="true">
            <div class="fr-dropdown-wrapper" role="presentation">
                <div class="fr-dropdown-content" role="presentation">
                    <ul class="fr-dropdown-list" role="presentation">
                        <li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="left" title="Align Left"><i class="fa fa-align-left" aria-hidden="true"></i><span class="fr-sr-only">Align Left</span></a></li>
                        <li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="center" title="Align Center"><i class="fa fa-align-center" aria-hidden="true"></i><span class="fr-sr-only">Align Center</span></a></li>
                        <li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="right" title="Align Right"><i class="fa fa-align-right" aria-hidden="true"></i><span class="fr-sr-only">Align Right</span></a></li>
                        <li role="presentation"><a class="fr-command fr-title" tabindex="-1" role="option" data-cmd="align" data-param1="justify" title="Align Justify"><i class="fa fa-align-justify" aria-hidden="true"></i><span class="fr-sr-only">Align Justify</span></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <button id="formatOL-1" type="button" tabindex="-1" role="button" title="Ordered List" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="formatOL" aria-disabled="false"><i class="fa fa-list-ol" aria-hidden="true"></i><span class="fr-sr-only">Ordered List</span></button>
        <button id="formatUL-1" type="button" tabindex="-1" role="button" title="Unordered List" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="formatUL" aria-disabled="false"><i class="fa fa-list-ul" aria-hidden="true"></i><span class="fr-sr-only">Unordered List</span></button>
        <button id="outdent-1" type="button" tabindex="-1" role="button" title="Decrease Indent (Ctrl+[)" class="fr-command fr-btn fr-btn-font_awesome fr-hidden fr-disabled" data-cmd="outdent" aria-disabled="true"><i class="fa fa-outdent" aria-hidden="true"></i><span class="fr-sr-only">Decrease Indent</span></button>
        <button id="indent-1" type="button" tabindex="-1" role="button" title="Increase Indent (Ctrl+])" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="indent" aria-disabled="false"><i class="fa fa-indent" aria-hidden="true"></i><span class="fr-sr-only">Increase Indent</span></button>
        <button id="quote-1" type="button" tabindex="-1" role="button" aria-controls="drop" aria-expanded="false" aria-haspopup="true" title="Quote" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome fr-hidden" data-cmd="quote" aria-disabled="false"><i class="fa fa-quote-left" aria-hidden="true"></i><span class="fr-sr-only">Quote</span></button>
        <div class="fr-dropdown-menu" role="listbox" aria-labelledby="quote-1" aria-hidden="true">
            <div class="fr-dropdown-wrapper" role="presentation">
                <div class="fr-dropdown-content" role="presentation">
                    <ul class="fr-dropdown-list" role="presentation">
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="quote" data-param1="increase" title="Increase">Increase</a></li>
                        <li role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="quote" data-param1="decrease" title="Decrease">Decrease</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <button id="insertHR-1" type="button" tabindex="-1" role="button" title="Insert Horizontal Line" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="insertHR" aria-disabled="false"><i class="fa fa-minus" aria-hidden="true"></i><span class="fr-sr-only">Insert Horizontal Line</span></button>
        <button id="insertVideo-1" type="button" tabindex="-1" role="button" title="Insert Video" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="insertVideo" data-popup="true" aria-disabled="false"><i class="fa fa-video-camera" aria-hidden="true"></i><span class="fr-sr-only">Insert Video</span></button>
        <button id="insertFile-1" type="button" tabindex="-1" role="button" title="Upload File" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="insertFile" data-popup="true" aria-disabled="false"><i class="fa fa-file-o" aria-hidden="true"></i><span class="fr-sr-only">Upload File</span></button>
        <button id="insertTable-1" type="button" tabindex="-1" role="button" title="Insert Table" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="insertTable" data-popup="true" aria-disabled="false"><i class="fa fa-table" aria-hidden="true"></i><span class="fr-sr-only">Insert Table</span></button>
        <button id="clearFormatting-1" type="button" tabindex="-1" role="button" title="Clear Formatting" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="clearFormatting" aria-disabled="false"><i class="fa fa-eraser" aria-hidden="true"></i><span class="fr-sr-only">Clear Formatting</span></button>
        <button id="print-1" type="button" tabindex="-1" role="button" title="Print" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="print" aria-disabled="false"><i class="fa fa-print" aria-hidden="true"></i><span class="fr-sr-only">Print</span></button>
        <button id="strikeThrough-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Strikethrough (Ctrl+S)" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="strikeThrough" aria-disabled="false"><i class="fa fa-strikethrough" aria-hidden="true"></i><span class="fr-sr-only">Strikethrough</span></button>
        <button id="subscript-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Subscript" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="subscript" aria-disabled="false"><i class="fa fa-subscript" aria-hidden="true"></i><span class="fr-sr-only">Subscript</span></button>
        <button id="superscript-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Superscript" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="superscript" aria-disabled="false"><i class="fa fa-superscript" aria-hidden="true"></i><span class="fr-sr-only">Superscript</span></button>
        <button id="specialCharacters-1" type="button" tabindex="-1" role="button" title="Special Characters" class="fr-command fr-btn fr-btn-text fr-hidden" data-cmd="specialCharacters" data-modal="true" aria-disabled="false"><span style="text-align: center;">Ω</span><span class="fr-sr-only">Special Characters</span></button>
        <button id="emoticons-1" type="button" tabindex="-1" role="button" title="Emoticons" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="emoticons" data-popup="true" aria-disabled="false"><i class="fa fa-smile-o" aria-hidden="true"></i><span class="fr-sr-only">Emoticons</span></button>
        <button id="inlineStyle-1" type="button" tabindex="-1" role="button" aria-controls="drop" aria-expanded="false" aria-haspopup="true" title="Inline Style" class="fr-command fr-btn fr-dropdown fr-btn-font_awesome fr-hidden" data-cmd="inlineStyle" aria-disabled="false"><i class="fa fa-paint-brush" aria-hidden="true"></i><span class="fr-sr-only">Inline Style</span></button>
        <div class="fr-dropdown-menu" role="listbox" aria-labelledby="inlineStyle-1" aria-hidden="true">
            <div class="fr-dropdown-wrapper" role="presentation">
                <div class="fr-dropdown-content" role="presentation">
                    <ul class="fr-dropdown-list" role="presentation">
                        <li role="presentation"><span style="font-size: 20px; color: red;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="inlineStyle" data-param1="font-size: 20px; color: red;" title="Big Red">Big Red</a></span></li>
                        <li role="presentation"><span style="font-size: 14px; color: blue;" role="presentation"><a class="fr-command" tabindex="-1" role="option" data-cmd="inlineStyle" data-param1="font-size: 14px; color: blue;" title="Small Blue">Small Blue</a></span></li>
                    </ul>
                </div>
            </div>
        </div>
        <button id="selectAll-1" type="button" tabindex="-1" role="button" title="Select All" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="selectAll" aria-disabled="false"><i class="fa fa-mouse-pointer" aria-hidden="true"></i><span class="fr-sr-only">Select All</span></button>
        <button id="html-1" type="button" tabindex="-1" role="button" aria-pressed="false" title="Code View" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="html" aria-disabled="false"><i class="fa fa-code" aria-hidden="true"></i><span class="fr-sr-only">Code View</span></button>
        <button id="help-1" type="button" tabindex="-1" role="button" title="Help (Ctrl+/)" class="fr-command fr-btn fr-btn-font_awesome fr-hidden" data-cmd="help" data-modal="true" aria-disabled="false"><i class="fa fa-question" aria-hidden="true"></i><span class="fr-sr-only">Help</span></button>
    </div>
    <div class="fr-sticky-dummy" style="height: 43px;"></div>
    <div class="fr-wrapper" dir="auto">
        <div class="fr-element fr-view fr-disabled fr-no-selection" dir="auto" contenteditable="false" aria-disabled="true" spellcheck="true">
            <p>
                <br>
            </p>
            <p>
                <br>
            </p>
            <p>
                <br>
            </p>
            <table style="width: 100%;">
                <tbody>
                    <tr>
                        <td style="width: 50.0000%;" class="">
                            <br>
                        </td>
                        <td style="width: 50.0000%;" class="">
                            <br>
                        </td>
                    </tr>
                    <tr>
                        <td style="width: 50.0000%;">
                            <br>
                        </td>
                        <td style="width: 50.0000%;">
                            <br>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div><span class="fr-placeholder" style="font-size: 16px; line-height: normal; margin-top: 16px; padding-top: 10px; padding-left: 10px; margin-left: 0px; padding-right: 10px; margin-right: 0px; text-align: start;">Type something</span>
        <div class="fr-table-resizer" style="display: none; padding-left: 5px; padding-right: 5px; top: 0px; left: 0px; height: 0px;">
            <div style="opacity: 0; height: 0px;"></div>
        </div>
    </div><span class="fr-counter" style="bottom: 0px; margin-right: 0px;">0</span>
    <div class="fr-insert-helper" style="top: 524.075px; left: -9999px;">
        <a class="fr-floating-btn" role="button" tabindex="-1">
            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <path d="M22,16.75 L16.75,16.75 L16.75,22 L15.25,22.000 L15.25,16.75 L10,16.75 L10,15.25 L15.25,15.25 L15.25,10 L16.75,10 L16.75,15.25 L22,15.25 L22,16.75 Z"></path>
            </svg>
        </a>
    </div>
    <div class="fr-quick-insert" style="left: -9999px; top: -9999px;">
        <a class="fr-floating-btn" role="button" tabindex="-1">
            <svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
                <path d="M22,16.75 L16.75,16.75 L16.75,22 L15.25,22.000 L15.25,16.75 L10,16.75 L10,15.25 L15.25,15.25 L15.25,10 L16.75,10 L16.75,15.25 L22,15.25 L22,16.75 Z"></path>
            </svg>
        </a>
    </div>
    <div class="fr-qi-helper" style="top: 165.2px; left: -9999px;"><a class="fr-btn fr-floating-btn" role="button" title="Insert Image" tabindex="-1" data-cmd="image" style="transition-delay: 0s;"><i class="fa fa-image" aria-hidden="true"></i></a><a class="fr-btn fr-floating-btn" role="button" title="Insert Table" tabindex="-1" data-cmd="table" style="transition-delay: 0.025s;"><i class="fa fa-table" aria-hidden="true"></i></a><a class="fr-btn fr-floating-btn" role="button" title="Unordered List" tabindex="-1" data-cmd="ul" style="transition-delay: 0.05s;"><i class="fa fa-list-ul" aria-hidden="true"></i></a><a class="fr-btn fr-floating-btn" role="button" title="Ordered List" tabindex="-1" data-cmd="ol" style="transition-delay: 0.07500000000000001s;"><i class="fa fa-list-ol" aria-hidden="true"></i></a><a class="fr-btn fr-floating-btn" role="button" title="Insert Horizontal Line" tabindex="-1" data-cmd="hr" style="transition-delay: 0.1s;"><i class="fa fa-minus" aria-hidden="true"></i></a></div>
    <div class="fr-line-breaker" style="top: 249.6px; left: 77.6125px; width: 594px;">
        <a class="fr-floating-btn" role="button" tabindex="-1" title="Break">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
                <rect x="21" y="11" width="2" height="8"></rect>
                <rect x="14" y="17" width="7" height="2"></rect>
                <path d="M14.000,14.000 L14.000,22.013 L9.000,18.031 L14.000,14.000 Z"></path>
            </svg>
        </a>
    </div>
</div>

Thanks!
Simon

[stefanneculai]

@hul @SimonLuckenuik would be great if you could get the last commit and check if you can still reproduce it. Thanks in advance.

[hul]

@stefanneculai thx, I was not able to reproduce this issue anymore. How about you, @SimonLuckenuik?

[SimonLuckenuik]

Thanks @stefanneculai! I wasn't able to reproduce. When is the next official release that will contain this fix?

[stefanneculai]

It should come during the next week.

[SimonLuckenuik]

Hey @stefanneculai, is it being released friday?

[elkesrio]

I am experiencing the same issue. The text editor is disabled. I can re-enable it by setting contenteditable to true for this element div.fr-wrapper.show-placeholder > div