Color Picker limitations and bug on Firefox on Android

Ask us anything How do I?
1

Hello,

I have added Color Picker and while testing on Android 15(and Android 10), on Firefox, when i open color picker it only gives me 10 colors to select. And after select 1, next time i open color picker it shows 9. Last color disappear which is red. There is no sliders to select color that you want. Only 9-10 fixed colors and 2 buttons, Cancel and Set. Thats it!

Other big problem that is happening is that after some time not activity, if you press to open color picker it is not opening it at all!

Some solution for this?

Screenshot_20260518-184839
Screenshot_20260518-184839720×1560 35.4 KB

2

Somebody?

3

Hey @Zoran.Velinov :waving_hand:

This looks like a custom color picker (looks really nice actually! :grinning_face:). It’s hard for us to help without knowing how it’s built. Perhaps there’s some logic on the component that is causing the behavior?

4

Hey @Joyce

Thank you very much for reply. Also thanks for good words but this is not my custom color picker :D.\

So situation is like this:

  1. I use Weweb color picker element. Original one.

  2. On Windows Desktop browsers(Chrome, Firefox, Yandex) all shows same color picker interface. Like this:

{AA0A8C29-91FE-491F-ACC7-CD630A4BCFC7}
{AA0A8C29-91FE-491F-ACC7-CD630A4BCFC7}238×255 8.62 KB

  1. On iOS mobile browsers(Safari, Firefox, Chrome) all shows same color picker interface. Like this:

{D1A4DDE4-3A21-41D4-AF00-E4A4B6E675B0}
{D1A4DDE4-3A21-41D4-AF00-E4A4B6E675B0}1022×827 88.2 KB

  1. On Android mobile browsers (Chrome, Yandex, Firefox)situation is different:

And

  • Firefox shows color picker like this:

{BC940883-9F16-4000-A712-342AB4918E84}
{BC940883-9F16-4000-A712-342AB4918E84}342×695 20.3 KB

As i said before, it only gives me 10 colors to select. There is no options to select custom color. Only 9-10 fixed colors and 2 buttons, Cancel and Set. Thats it.

Other big problem that is happening is that after some time not activity, if you press to open color picker it is not opening it at all.

If somebody know how this can be solved i will really appreciate it.

Thanks for your attention

5

Aah, got it! I didn’t know every browser had their own interpretation/rendering of a color picker :sweat_smile: Let me ask the tech team for help with this.

6

Well, you are not the only one surprised here :smiley:

By the way, its looks like it is combination of OS and browser, because on Windows all browsers have same color picker. On iOS is different color picker from windows but again, its same on all iOS browsers.

On Android is different story. Different browser can have different color picker.

7

Just to check is there any update :slight_smile:

8

Hey there :waving_hand:

I had it confirmed that we’re using the standard color input and that that’s its standard behavior so there’s nothing we can do on our side.

You can probably modify that standard behavior with some custom code though I’m not sure what the pros and cons of doing that would be. Dev forums might be a good place to look into that.

Otherwise, you could consider building a custom color picker input.

9

Thank you for the answer. I will see in which direction i will go. Meanwhile if somebody else have some idea i would like to hear.