Refresh handle position when text input is changed via jquery

Hi there!

I am using WP Customizer to allow users configure my plugin. There are two color settings I would like to "sync", so changing the color from "color 1" makes "color 2" setting have the same value.

To achieve a full "sync", it is needed to achieve 3 things: update input value, button color and handle position.

So far, I have been able to make "color 2" have the same value and "button color" than "color 1" (with jQuery)... but I'm not able to make the iris handle to position where it should be. See screenshot below.

Anyone could tell how to force the handle to update its position accordingly to the inputted value?


Many thanks in advance!

Start by reproducing the WP Customizer scenario where a jQuery change updates the input value and button color but not the Iris handle position. Trace the Iris color picker entry point involved in programmatic value changes; done means the handle moves to the position matching the updated color value.

Written by the indexing model from the issue text.