Skip to content
This repository has been archived by the owner on Nov 9, 2024. It is now read-only.

ESC key should hide tooltip for accessibility #386

Open
marchingband opened this issue Jan 8, 2024 · 0 comments
Open

ESC key should hide tooltip for accessibility #386

marchingband opened this issue Jan 8, 2024 · 0 comments

Comments

@marchingband
Copy link

I achieved it like this, but it should be built in, it is an accessibility requirement.

  const [hide, setHide] = useState(false)
  const onKeyPress = useCallback(e=>{
    if(e.key == "Escape"){
      setHide(true)
    }
  }, [hide, setHide])
  const handleShow = useCallback(()=>{
    document.addEventListener("keydown", onKeyPress, true)
  }, [onKeyPress])
  const handleHide = useCallback(()=>{
    setHide(false)
    document.removeEventListener("keydown", onKeyPress, true)
  }, [onKeyPress, setHide])
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant