Preview shows transparency

[swilla]

After upgrading to Statamic 3.4, I'm having an issue where the previews show transparency instead of the configured hex color:

If I click on the squares, they update correctly, but the initial load is off:

[heidkaemper]

Thanks for reporting! That looks very strange.

Would you mind sharing your configuration file? (bard-color-picker.php)

I guess you are using Statamic 3.4.1 and Statamic Bard Color Picker 1.1.0, right?

[swilla]

Correct: Laravel Framework 9.50.1 Statamic CMS 3.4.1 Statamic Bard Color Picker 1.1.0

<?php

return [

    /*
    |--------------------------------------------------------------------------
    | Pickr theme
    |--------------------------------------------------------------------------
    |
    | Set the pickr theme
    | https://simonwep.github.io/pickr/
    | Supported: "classic", "monolith", "nano"
    |
    */
    'theme' => 'nano',

    /*
    |--------------------------------------------------------------------------
    | Main components
    |--------------------------------------------------------------------------
    */
    'components' => [
        'preview' => true, // comparison between old and new color
        'opacity' => true, // opacity slider
        'hue' => true, // hue slider
    ],

    /*
    |--------------------------------------------------------------------------
    | Pickr swatches (recommended colors)
    |--------------------------------------------------------------------------
    */
    'recommended' => [
        "#D95A48",
        "#FFFFFF",
        "#FCF2F1",
        "#F3CCC7",
        "#EBA69C",
        "#E28072",
        "#D95A48",
        "#C53C29",
        "#9B2F20",
        "#712217",
        "#46160F",
        "#4D6474",
        "#CAD5DC",
        "#BBC9D2",
        "#9CB0BE",
        "#7E97A9",
        "#617E93",
        "#4D6474",
        "#394A55",
        "#242F37",
        "#101518",
        "#000000",
        "#231F20",
        "#FFFFFF",
        "#7E60C4",
        "#9880D0",
        "#EBE6F6",
        "#259862",
        "#51AD81",
        "#DDEFE6",
        "#F39F9F",
        "#F3E0C6",
        "#37ABAF",
        "#B7E1E2",
        "#9BD4B0",
        "#30869F",
        "#353535",
        "#F4F5F7",
        "#EEEFF4",
        "#D9DBE1",
        "#969BAB",
        "#474A57",
        "#18191F",
        "#8C30F5",
        "#D6B1FF",
        "#F1E4FF",
        "#2EC5CE",
        "#75E3EA",
        "#A0DCFF",
        "#D5FAFC",
    ],
    /*
    |--------------------------------------------------------------------------
    | Input / output options
    |--------------------------------------------------------------------------
    */
    'interactions' => [
        'hex' => false,
        'rgba' => false,
        'hsla' => false,
        'hsva' => false,
        'cmyk' => false,
        'input' => false,
    ],

];

[heidkaemper]

Alright, we'll look into that.

[swilla]

Looks like it is the color swatch field. I apologize for leading you to believe this was a bug with your plugin!

[heidkaemper]

No problem, glad you found that!

And I think that it's the combination of Statamics own color field and our addon. We'll check that anyway.

[heidkaemper]

FYI, with v1.1.1 we improved compatibility with Statamics color fieldtype.

[swilla]

Thank you!