Unable to move the color slider if any grayscale color set

[RodiNikolaev]

When I set any grayscale color like а #7A7A7A, I can't move the slider.

[jaywcjlove]

I tested the official demo and was not able to reproduce the issue you described with the slider being unmovable. @RodiNikolaev

[RodiNikolaev]

All your examples work with an HSVA, but I use the HEX value. This is my minimal example

import { Chrome } from "@uiw/react-color";
import { useState } from "react";
import { createRoot } from "react-dom/client";

function HexPicker() {
  const [hex, setHex] = useState("#ffffff");

  return (
    <Chrome color={hex} onChange={(colorResult) => setHex(colorResult.hex)} />
  );
}

const container1 = document.createElement("div");
document.body.appendChild(container1);
createRoot(container1).render(<HexPicker />);

[jaywcjlove]

It's recommended to use the HSVA format and convert it to the desired HEX value only when needed for display or storage.
Passing a HEX value directly to the component and converting it back to HSVA internally can result in loss of color information (such as hue, saturation, and alpha), which is likely the cause of the issue you're experiencing.

@RodiNikolaev