Services Plugins FAQs

Air Color Picker Initial Value Broken When Opacity is not 100

When the referenced initial color of the color picker is a simple hex code with opacity of 1, everything works fine.

Screen Shot 2023-11-20 at 3.42.06 PM

So we’re all good here. The color picker initial color is the saved value and the input reflects what the initial value of the color picker is.

But then we change the value of the color picker to something with opacity of .7. When we do that, the input adjusts as expected, but he value hasn’t been saved to the DB. We’re still good here. The picker can be set to this value and the input reflects that.

Still all good. Then we click save and save the updated value to the DB, which becomes the initial color of the color picker. The value saves to the DB, but the color picker breaks and zeros out.

It reverts to the last Hex rather than having the initial value be the actual current DB value. This wasn’t always this way and seems to have changed with a relatively recent update.

1 Like

Hello @brian1 ,

Thank you for reaching out!

I have checked the plugin on our side and recorded 2 loom videos for you to demonstrate that it works as intended.
Air Color Picker Initial value - Watch Video
Air Color Picker Initial value when refresh the page - Watch Video

Please check that you are using the last version of the plugin and update if necessary. If everything works ok please let us know. I also replyed to you by mail.

If you have any other plugin-related questions don’t hesitate to contact me.

Best regards,
Daniel

Hey @Daniel.P ,

Thanks so much for taking the time to put your video together. I’m attaching a video I’ve just made showing that the color picker is definitely not working like that in production. I’m on the latest version and the behavior works as I described in my original post. If the opacity is set to 100, the color picker connects correctly and shows the initial value. If the opacity is less than 100, it doesn’t.

In this video, the inspector in Bubble shows that the data is structured correctly and the information is coming through from Bubble correctly, but what is coming through from Bubble isn’t being rendered in the ColorPicker. That is confirmed both by the color showing in the color picker on the page and the input that references it is coming up with an empty value.

1 Like

Hi @brian1,

I am sorry for the delay over the weekend. :pray:

Thank you for getting in touch with a lot of detailed info, this is very helpful! :slightly_smiling_face:

We’re going to dig into this with our development team. I’ll keep you updated and will inform you when we will have a fix.

Thanks for your patience!

Best Regards,
Daniel

Hello @brian1, :wave:

I’m glad to inform you that the plugin has been updated to version 1.17.0. - fixed picker displaying only in black if color opacity is below 100%. Please update to the latest version to benefit from this fix.

Please let me know if everything works well inside your app. :pray:

I appreciate your patience. :slightly_smiling_face:

Best Regards,
Daniel.