Issues with swatch color ordering. Please help!

[eliduke]

Hey y'all! I am very new to Coloris, absolutely LOVING IT so far, but I have a couple questions that I can't seem to find answers to otherwheres. Sometimes, however, my eye balls are pretty selective and don't see things that right in front of them. That being said!

Swatch Ordering Issues

To start, the swatch colors are loading up in the way I would expect. Things are a bit out of order, or so it seems.

For example, here's my javascript code:

Coloris({
  el: ".color-field",
  theme: 'polaroid',
  themeMode: 'light',
  alpha: false,
  swatches: [
    "#f1463f",
    "#e62a65",
    "#9936ac",
    "#6344b2",
    "#3c57bo",
    "#1f9aee",
    "#odacef",
    "#1cbcd2",
    "#199588",
    "#54ac58",
    "#8fc057",
    "#cfd952",
    "#ffe858",
    "#ffbf3b",
    "#fd9731",
    "#fc5934"
  ]
});

I've got 16 colors going into the swatches. You can compare those colors with this visual list...

But then this is what comes out...

It looks pretty close to the colors from my swatch (there are indeed 16 colors there) and going left to right, top to bottom, I would think the first 6 colors in my list would be the top row in the color picker, right? It's close, but you can see in the top row that the 5th color over is not the right one. It should be #3C57B0, but it's not, and also that same wrong color is doubled up in the first spot on the next row. So the mystery color has taken the spots in the swatch where colors number 5 and number 7 should be.

And then it gets weirder!! With each click of a color in the swatch, it seems to randomly change those two duplicate colors, keeping them the same each time, but swapping in other random colors, sometimes setting them both to the color you just selected. AND THEN, on top of all that, if you ever click on either of the duplicate colors, it sets the color to #000000.

swatch2.mov

Something seems fishy! Thoughts? Any idea what's going on?

Thanks for your help! So glad that this tool is out there in the world with an engaged community around.

[eliduke]

I've got a small update. I decided to add a bigger swatch, with many more colors, and I'm getting many more duplicate colors...

swatch3.mov

[melloware]

Hmm this definitely feels like a bug to me. Let's see what the boss says...

[eliduke]

Anyone else having this issue? Can it be reproduced elsewhere?

[mdbassit]

Yeah, that looks like a bug indeed. I will investigate.

[mdbassit]

It turns out it's not a bug, some color values in the swatches have the letter "o" instead of a zero.
For instance #3c57bo should be #3c57b0. The perceived duplicates are a result of that invalid color values.

[eliduke]

WOAH! That's wild. Some truly wacky copy pasta right there. Thanks for helping me get to the bottom of it!