Completed
Last Updated: 10 Apr 2024 10:33 by ADMIN
Release 2024 Q2
Jacki Jenuth
Created on: 01 Apr 2024 09:03
Category: Editor
Type: Bug Report
0
Click on disabled button in toolbar makes it disappear until click outside of button within toolbar

When using Metro skin, if I click on a disabled button (Undo, Redo, Unlink and so on), its icon disappears until I click outside it.

https://demos.telerik.com/aspnet-ajax/editor/examples/overview/defaultcs.aspx?skin=Metro

This does not happen with MetroTouch, Silk or Default skin. How do I replicate the same behavior with Metro skin?

1 comment
ADMIN
Rumen
Posted on: 01 Apr 2024 15:36

Hi Jacki,

Thank you for your bug report!

I was able to reproduce and log it for fixing.

The temporary solution I would suggest is adding the following CSS on the page with RadEditor which will fix the problem:

<style>
    html body form .RadEditor_Metro a.reToolDisabled li:hover .reToolDisabled,
    html body form .RadEditor_Metro a.reToolDisabled.reTool:hover,
    html body form .RadEditor_Metro a.reToolDisabled.reTool:active,
    html body form .RadEditor_Metro a.reToolDisabled.reTool:focus,
    html body form .RadEditor_Metro .reInsertTable a.reToolDisabled.reTool:hover:before,
    html body form .RadEditor_Metro a.reToolDisabled.reTool.reToolSelected,
    html body form .RadEditor_Metro a.reToolDisabled.reTool:hover .reSplitArrow,
    html body form .RadEditor_Metro a.reToolDisabled.reTool:active .reSplitArrow,
    html body form .RadEditor_Metro a.reToolDisabled.reTool:focus .reSplitArrow {
        pointer-events: none;
        color: #333;
        background-color: #f9f9f9;
        border-color: #e0dfdf;
    }
</style>
<telerik:RadEditor ID="RadEditor1" Skin="Metro" runat="server"></telerik:RadEditor>

 

Regards,
Rumen
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources