Froala editor limitations

Starting from codeBeamer 9.1.0 we droped TinyMCE editor and replaced it with Froala. Unfortunately the new editor also has limitations and bugs that were identified during the development and testing processes. Here you can find a list of the already identified problems.

Froala feature requests and bugs

Dropping multiple files to the editor

Currently only one file can be dropped to the editor with drag&drop at the same time. Response from Froala: "We are expecting to release this feature at the beginning of Q2. "

• Additionally, an ongoing upload can be canceled by hitting ESC key.

Update from Froala team: (2018.09.11) - "Unfortunately, we had to postpone a little bit this feature and at this point I cannot provide an ETA for when it would be released."

Table row copy paste - Froala | Ticket #1377

Table rows can not be copy pasted currently with Froala. Response from Froala: "It is on our list with many requests, so it might land in the editor shortly."

Manual resize of the editor | Ticket #1437

Froala doesn't have this feature yet. It means the editor can not be resized like text area components in a browser.

Undo doesn't work for pasted image | Ticket #1455 | Fixed in v2.7.6

We are waiting for response for this.

Update from Froala team: (2018.03.06) - It's fixed on their master branch.

Bullet lists sometimes does not work on 2nd level | Ticket #1460

Uploaded Image is not correctly selected under IE11

Tables can not be resized when the browser window is scrolled | Ticket #1597 | Fixed in v2.7.6

The table resize component is incorrectly positioned in the editor when the browser window is not scrolled to the top.

Automatic detection of links | Ticket #1813

Those links whose domain name extension have two characters are not detected properly while the user is typing in the editor. Example: google.co.uk google.de google.com

Update from Froala team: (2018.03.07) - "We've just checked it. Unfortunately, we cannot add the .de and .co.uk domains at the moment because including all the domains would increase the editor bundle size a lot. We are searching for an alternative to that, however, I cannot provide an ETA at this moment."

Blockquote editing problem | Ticket #1853 | Fixed in v2.7.6

User can not remove the Blockquote format on Rich Text UI

Hotkey not working | Ticket #1862 | Fixed in v2.7.6

Some hotkeys only work with English keyboard layout. See Hotkey localization | Ticket #2132

Not possible to insert from web page to Froala editor | Ticket #2079 | Fixed in v2.8.0

It is not possible to insert text and image from a website to the editor in IE11. This can be reproduced even on the Froala website.

Resize handles in Internet Explorer 11 | Ticket #2106 | Fixed in codeBeamer 9.2.0

Resizes handles appear when inserting wiki markup into the editor. It is not possible to click inside the new markup block.

Sticky bottom toolbar is flickering in Internet Explorer 11 | Ticket #2114 |

The toolbar is jumping when clicking on formatting/advanced/link options on item details comment editor and on the item details edit screen. https://jsfiddle.net/pug7cc31/18/

Update from Froala team: (2018.04.09) - "We've just checked this and unfortunately, we don't have a fix at this moment. When opening the popup, the editor is designed to take focus so that it can restore it correctly later on and in order to display the info in the toolbar correctly. On focus, the IE browser is moving the page to the scroll to the top of the editable area. As a workaround, we're saving scroll before and restore it back afterward."

Improve file upload progress dialog | Ticket #2117

It is not possible to cancel an ongoing file upload. Froala support told us that hitting ESC can cancel an ongoing upload.

Hotkey localization | Ticket #2132

Some hotkeys do not work at all with non-English keyboard layout.

Pasted image is always jpg | Ticket #2137 | Fixed in v2.8.0

When pasting an image from clipboard the type of the image used by Froala is always JPG. We created a workaround for this, in case of jpg uploaded image we always check the type of the image on the server side as a short term solution.

Selection issues in tables | Ticket #2432 | Fixed in v2.8.0

Copying to clipboard and selecting text with keyboard in table cells is not working properly: selection is cleared when pressing Ctrl key and Shift + arrow keys can not be used for selecting text.

Update from Froala team: (2018.04.06) - "We've addressed these issues on Github last week. Could you please check the Github master branch and let us know if you still have these problems? github.com/froala/wysiwyg-editor"

Moving the cursor with keyboard inside table cells with multiple lines of text | Ticket #2563

Update from Froala team: (2018.06.18) - "We just checked it and unfortunately, we cannot do too much as this is the way the browser works."

Newline characters are removed when copy pasting preformatted text | Ticket #2985 | Workaround implemented in codeBeamer 9.2.0

When pasting a preformatted text into the editor the new lines are removed inside the pre tag.

Table cell is deleted when pressing Backspace | Ticket #3169 | Fixed in v2.8.4

When the last character is deleted in a table cell with Backspace button then the table cell is removed as well.

Removing multiple list items | Ticket #3259 | Fixed in v2.8.4

If you select multiple list items with mouse and try to remove them by pressing the Backspace or Delete button the text of the selected items are removed, but the bullet points are remain in the editor.

When entering Korean in a table then Korean is broken | Ticket #3366 | Fixed in Chrome

There is a problem with Korean characters in tables when the 'tab' button is used to navigate between table cells. Only the first cell of each row is affected.

It was a Chrome bug: https://github.com/froala/wysiwyg-editor/issues/2648, https://bugs.chromium.org/p/chromium/issues/detail?id=829224

Fixed in Chrome 67 released on the 29th of May.

Focusing the editor in Firefox | Ticket #3758

The autofocus option and calling the editor.events.focus() function are not working for the editor in Firefox. https://jsfiddle.net/byyo8mnd/293/

Paste text without structure | Ticket #4076 | Fix will be available in codeBeamer 9.3.0

it looks like there isn't any option to configure Froala to support pasting text without its structure. An example is copy pasting only text from Excel to the Editor.

Update from Froala team: (2018.0.06) - "Unfortunately, we don't have such a feature. What I would recommend is to use the paste.afterCleanup event and clean the HTML according to the way you want."

Copy and paste tables | Ticket #4120

It's not user friendly to copy and paste tables inside the Froala editor or between editors. You have to select some content outside of the table in order to successfully copy and paste the table.

Moving between cells in table with arrow keys after copy-paste give wrong moves | Ticket #4654

If we copy-paste content into empty table cells in the editor, then <br> tags remain in the table cells. Arrow keys don't work properly for moving between table cells if the cells are not empty and contain <br> tag.

Automatic detection of links in text | Ticket #4791

It looks like links are automatically detected only at the end of a text content. When links are typed using the keyboard or copy-pasted in the middle of some text then the automatic link detection is not working.

Update from Froala team: (2018.08.19) - "We're aware of this, and it was actually implemented like this on purpose because many times users might just go in the middle of text and type text there just for editing purposes and they don't want the links to be converted to text. This is how they expect the editor to work most of the time and that is why such behavior is in place."