Slider bug: handler can only be used once

🐛 Bug report

slider can only be moved once

💥 Steps to reproduce

Slider is broken/fixed after first slide

💻 Link to reproduction

It seems like all sliders on official Chakra doc has the exact problem. https://chakra-ui.com/docs/form/slider

🧐 Expected behavior

Slider can be freely moved without customization.

📝 Additional information

I saw this error once in dev before I found the same issue persist on Chakra-UI doc but cannot reproduce. This may not relate to the problem. Ignored attempt to cancel a touchstart event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

[dodas]

Released now in @chakra-ui/react@1.1.5.🎉

[tomhicks]

I was experiencing the exact same issue and already wondered why nobody opened an issue for this, if anyone has a temporary workaround, would love to know!

I have a workaround…

const [key, setKey] = useState(0)
React.useEffect(() => {
  function handleMouseUp() {
    setKey(Math.random())
  }

  document.addEventListener("mouseup", handleMouseUp)
  
  return () => {
    document.removeEventListener("mouseup", handleMouseUp)
  }
})
<Slider
  key={key}
/>