Iris 1.0.6 resets color on drag when > 1 picker on page

[lilaeamedia]

Dragging the pointer in the square causes the color to return #000000.

I have seen it return #FFFFFF in another instance, but it always occurs when there are more than one pickers in the DOM and never on the first picker initialized.

Iris 1.0.6

Safari Version 8.0 (10600.1.25.1)
Chrome Version 39.0.2171.71 (64-bit)
Firefox 33.1

To reproduce, go to Appearance > Header (Twenty Fifteen in this example)
Select "Colors"

Under "Background Color", click "Select Color" and drag the pointer -> this works correctly.

Now under "Header and Sidebar Text Color" (or any other option) and drag the pointer -> color resets to #000000 and does not change.

[lilaeamedia]

This screenshot shows the example in this ticket, second picker active

[lilaeamedia]

This screenshot shows the same issue (only resetting to #fff) in a plugin that uses the 'iris' enqueued script

[ocean90]

Thanks for the ticket. I have created a PR upstream with an hotfix, see ​https://github.com/Automattic/Iris/pull/46.

Let's see if we can get a fix, otherwise I will revert [30551], see #30365.

[mattwiebe]

Ah, shoot. I'd forgotten to check for that use-case. Iris 1.0.7 fixes for multiple pickers.

[ocean90]

In 30650:

Update the Iris color picker to version 1.0.7.

Includes a fix for multiple pickers on the same page.
Changes: ​https://github.com/Automattic/Iris/compare/1.0.6...1.0.7

props mattwiebe.
fixes #30537.