TinyMCE 6.8.2

These are the Tiny Cloud and TinyMCE Enterprise release notes. For information on the latest community version of TinyMCE, see the TinyMCE Changelog.

Overview

TinyMCE 6.8.2 was released for TinyMCE Enterprise and Tiny Cloud on Wednesday, December 13th, 2023. These release notes provide an overview of the changes for TinyMCE 6.8.2, including:

Accompanying Premium plugin changes

The following premium plugin updates were released alongside TinyMCE 6.8.2.

PowerPaste 6.2.4

The TinyMCE 6.8.2 release includes an accompanying release of the PowerPaste premium plugin.

PowerPaste 6.2.4 includes the following fix.

white-space-collapse CSS property was not correctly supported when pasting from Google Docs.

From major version 114, Google Chrome and Microsoft Edge added support for the CSS4 shorthand white-space property. The shorthand white-space property would be expanded into the white-space-collapse and text-wrap properties. This resulted in PowerPaste not being able to remove the white-space-collapse and text-wrap properties from the emitted content even after white-space: pre is removed. This issue was particularly noticeable when copying content from Google Docs.

As of TinyMCE 6.8.2, PowerPaste now supports working with the shorthand white-space property by removing the expanded white-space-collapse and text-wrap properties when present from Google Docs content.

For information on the PowerPaste plugin, see: PowerPaste.

Bug fixes

TinyMCE 6.8.2 also includes the following bug fixes:

Bespoke select toolbar buttons including fontfamily, fontsize, blocks, and styles incorrectly used plural words in their accessible names.

As of TinyMCE 6.8.1, the accessible labels of bespoke select toolbar buttons announced both the name of the button and the current value of the visible selected option. However, some bespoke button names, including fontfamily, fontsize, blocks, and styles have plural names, such as “Fonts”. This resulted in incorrect grammar when combined with the current value, an example being "Fonts Arial".

As of TinyMCE 6.8.2, the accessible labels of fontfamily, fontsize, blocks, and styles bespoke buttons use singular words for the names. This results in grammatically correct labels such as “Font Arial”.

The align bespoke select toolbar button had an accessible name that was misleading and grammatically incorrect in certain cases.

As of TinyMCE 6.8.1, the accessible label of the align bespoke select toolbar button announced both the name of the button, “Align”, and the currently selected value. This would result in the accessible label of the select button to be “Align left”, “Align right”, “Align center”, or “Align justify” depending on the value selected. However, the problem with the first three labels is that they are the same as the normal align toolbar buttons. This is misleading as unlike the normal align buttons, the bespoke button does not result in the aligning action, and instead opens a dropdown. The problem with “Align justify” is that the two verbs do not make grammatical sense in terms of describing the text alignment.

As of TinyMCE 6.8.2, the name of the align bespoke select button is changed to “Alignment”, followed by the currently selected value. This results in the accessible labels being “Alignment left”, “Alignment right”, “Alignment center”, or “Alignment justify” depending on the value selected, which more clearly indicates the currently selected text alignment.

Accessible names of bespoke select toolbar buttons including align, fontfamily, fontsize, blocks, and styles were incorrectly translated.

As of TinyMCE 6.8.1, the accessible labels of the bespoke select toolbar buttons announced both the name of the button and the currently selected value, for example “Block Paragraph”. However, corresponding translation strings with placeholders were not added. This resulted in the current value being translated as expected, but not the name of the button.

In TinyMCE 6.8.2, new translation strings were added to ensure names of the bespoke select toolbar buttons are translated as well, making their accessible labels appropriately internationalized.

Clicking inside table cells with heavily nested content could cause the browser to hang.

Previously when clicking below content that is heavily nested inside a block such as a table cell, would cause the browser to hang.

TinyMCE 6.8.2 addresses this, by optimizing algorithm that was causing the browser to hang.

As a result, the browser no longer hangs, when clicking inside table cells with heavily nested content.

Toggling a list that contains an LI element having another list as its first child would remove the remaining content within that LI element.

In a previous bugfix for lists, some element structures would not recreate the <li> tags when a list element was toggled using the bullist button in the toolbar.

Example structure
<li>
  <ul>...</ul>
  <something-else/>
</li>

As a consequence, any tags nested within the <li> would be deleted from the TinyMCE document, resulting in content loss for the user.

TinyMCE 6.8.2 addresses this by improving the representation of the list to manage this case.

As a result, now, when toggling <li> elements using the bullist button, content within a list is now correctly recreated the content is retained as expected.