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/

<command>
      <umbracoAlias>mceForeColor</umbracoAlias>
      <name>ForeColor</name>
      <icon>images/editor/forecolor.gif</icon>
      <tinyMceCommand value="" userInterface="true" frontendCommand="forecolor">forecolor</tinyMceCommand>
      <priority>75</priority>
 </command>
<plugins>
     ...
    <plugin loadOnFrontend="true">textcolor</plugin>
    <plugin loadOnFrontend="true">colorpicker</plugin>
</plugins>

<customConfig>
<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"
      ]
    </config>
  </customConfig>

3 Attachments

Comments

Priority: Normal

Type: Bug

State: Submitted

Assignee:

Difficulty: Normal

Category:

Backwards Compatible: True

Fix Submitted:

Affected versions: 7.5.10

Due in version:

Sprint:

Story Points:

Cycle: