U4-9597 - Close button in TinyMCE custom color dialog is not clickable

Created by Bjarne Fyrstenborg 04 Mar 2017, 00:05:00 Updated by Bjarne Fyrstenborg 04 Mar 2017, 00:05:00

If you in TinyMCE enable colorpicker and open the custom color dialog, you can't close it by clicking the close button, because it is behind the dragable header - however you can close it using "ok" or "cancel" button.

It seems to be easy to fix by giving the button "z-index: 1"

Furthermore it would be great if it also displayed the color preview like in this example (maybe TinyMCE just need to be updated in a upcoming release of Umbraco): https://www.tinymce.com/docs/demo/full-featured/

      <tinyMceCommand value="" userInterface="true" frontendCommand="forecolor">forecolor</tinyMceCommand>
    <plugin loadOnFrontend="true">textcolor</plugin>
    <plugin loadOnFrontend="true">colorpicker</plugin>

<config key="theme_umbraco_more_colors">false</config>
    <config key="theme_umbraco_text_colors">000000,0079E3,FF0033</config>
    <!-- https://www.tinymce.com/docs/plugins/textcolor/ -->
    <config key="textcolor_map">
      "000000", "Black",
      "FFFFFF", "White",
      "EA4F3D", "Red",
      "2E2E2D", "Dark Gray",
      "B9D0D2", "Light Blue",
      "DED69B", "Gold",
      "DDDBD7", "Light Gray",
      "B1CAB9", "Light Green"

3 Attachments


Priority: Normal

Type: Bug

State: Submitted


Difficulty: Normal


Backwards Compatible: True

Fix Submitted:

Affected versions: 7.5.10

Due in version:


Story Points: