Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#25809 closed defect (bug) (worksforme)

wpColorPicker Shows Twice When First Added to Sidebar

Reported by: bookwookie's profile BookWookie Owned by:
Milestone: Priority: normal
Severity: normal Version: 3.8.1
Component: Widgets Keywords:
Focuses: Cc:

Description (last modified by ocean90)

When using the wpColorPicker in a widget, the first time the Widget is added to the sidebar, the color picker shows twice. Only one of the pickers is functional. After saving, only one color picker is shown and everything is fine.

I found a similar ticket here - #23293. That ticket was marked as invalid, but I think this issue needs to be revisited, as the documented solution does not work.

Here's the code I've tried adding inside of the widget's form function and the corresponding results:

<script>
    jQuery(document).ready(function($) {
        $(document).ajaxComplete(function() {
            $('.color-picker').wpColorPicker();
        });
    });
</script>

The above shows two color pickers in the widget's settings, only one of which is functional.

<script>
    jQuery(document).ready(function($) {
        $('.color-picker').wpColorPicker();
    });
</script>

The above shows two color pickers in the widget's settings, only one of which is functional.

<script>
    jQuery(document).ready(function($) {
        jQuery("#widgets-right .widgets-sortables").on("sortstop", function(event, ui) {
            jQuery(".color-picker").wpColorPicker();
        });
    });
</script>

The above shows two color pickers in the widget's settings, none of which work.

I've tried downloading third party plugins to see how they do it, and they suffer from the same duplicate color picker issue.

Attachments (2)

date-time.php (8.7 KB) - added by BookWookie 10 years ago.
Main Plugin File
color-picker-widget.php (4.6 KB) - added by ocean90 10 years ago.
Demo plugin

Download all attachments as: .zip

Change History (6)

@BookWookie
10 years ago

Main Plugin File

#1 @ocean90
10 years ago

  • Description modified (diff)

#2 @ocean90
10 years ago

  • Keywords needs-patch added

Hello BookWookie, thanks for you report and sorry you haven't got an answer yet.

Yes, it's really painful to find the correct event to make this work. I currently seeing a similar issue when using Choosen in a widget and haven't a solution yet.

A JS action would be helpful here, see #19675/#21170.

#3 @anonymized_10765487
10 years ago

  • Version set to 3.8.1

Hi,

Is there any fix for this in 3.9? I agree it's really painful.

@ocean90
10 years ago

Demo plugin

#4 @ocean90
10 years ago

  • Keywords needs-patch removed
  • Milestone Awaiting Review deleted
  • Resolution set to worksforme
  • Status changed from new to closed

Attached a demo plugin, see color-picker-widget.php, which adds a widget with two color fields. It uses the new jQuery events, see #19675.

Note: See TracTickets for help on using tickets.