Color not automatically selected when using RGBA

[chopfitzroy]

Colors like so:

data() {
    return {
        colors: {
            rgba: {
                r: 255,
                g: 0,
                b: 0,
                a: 1,
            }
        }
    };
},

Input like so:

<chrome-picker :value="colors" @input="updateColor" :disableFields="true"/>

Everything renders fine and the input event works etc... the only issue is the picker circle/slider have not adjusted to represent the initial colors value, however when I use a Hex string (i.e #F00) this does happen.

UPDATE

It actually only seems to not be working when I try to update this.colors like so:

const colors = node.fill.match(/\d+/g); // Standard rgba string

this.colors = {
    rgba: {
        r: +colors[0],
        g: +colors[1],
        b: +colors[2],
        a: +colors[3]
    }
};

I take it this is not reactive intentionally...?

Cheers.

[egeersoz]

I am also wondering about this.

[terrymun]

I think that is due to VueJS limitations in detecting mutations in nested object properties.

[Vercoutere]

I think that is due to VueJS limitations in detecting mutations in nested object properties.

Works perfectly fine with hsl values though...

[linx4200]

Hi guys. After I checked, confirm that this is a long-standing bug. Will fix it in these two days.

[linx4200]

fixed version v2.7.1