Completed
Last Updated: 05 Jun 2026 13:29 by ADMIN
Release 2026 Q2 SP1
ADMIN
Vessy
Created on: 28 Nov 2017 14:13
Category: ColorPicker
Type: Bug Report
0
RadColorPicker remains clickable when disabled on client-side
RadColorPicker remains clickable when its set_enabled(false) method is called.

Steps to reproduce:
1. Run this code:

        <telerik:RadColorPicker ID="RadColorPicker1" runat="server" ShowIcon="true" ShowEmptyColor="false" RenderMode="Lightweight" />
        <br /><br /><br />
        <select id="mySelect" onchange="EnableDisableColorPicker()">
            <option value="1">1</option>
            <option value="2" selected="selected">2</option>

        </select>
        <script>
            function EnableDisableColorPicker() {
                var x = document.getElementById("mySelect").value;
                var colorPicker = $find("<%= RadColorPicker1.ClientID %>");
                if (x == 1) {
                    colorPicker.set_enabled(false);

                } else {
                    colorPicker.set_enabled(true);

                }
            }
        </script>

2. Select option 1.

Result: RadColorPicker gets disabled, but remains clickable
1 comment
ADMIN
Rumen
Posted on: 05 Jun 2026 13:29

Hi Vessy,

Thank you for the report! This has been fixed and the fix will be included in the 2026 Q2 SP1 release.

If you need the fix before the release, you can apply the following CSS override on your page:

        <style>
        .RadColorPicker.rcpDisabled {
            pointer-events: none;
            cursor: default;
        }

        .RadColorPicker .rcpDisabled .rcpPalette,
        .RadColorPicker .rcpDisabled .rcpIcon a,
        .RadColorPicker .rcpDisabled .rcpIcon em,
        .RadColorPicker.rcpDisabled .rcpPalette,
        .RadColorPicker.rcpDisabled .rcpIcon a,
        .RadColorPicker.rcpDisabled .rcpIcon em {
            opacity: .3;
        }
    </style>

This blocks all mouse interaction on the root element when set_enabled(false) is called client-side, which is what the permanent fix does as well.

 

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