Tooltip bug ?

 {/* {mode === ModeType.Card ? (
              <Tooltip title="Grid mode" arrow>
                <GridOnRounded
                  className="c-cursor-pointer"
                  onClick={(e) => {
                    e.stopPropagation();
                    if (mode === ModeType.Card) {
                      setMode(ModeType.Grid);
                    }
                  }}
                  htmlColor="#ffffff"
                  fontSize="large"
                />
              </Tooltip>
            ) : (
              <Tooltip title="Card mode" arrow>
                <img
                  alt="pic"
                  height={48}
                  className="c-cursor-pointer"
                  onClick={(e) => {
                    e.stopPropagation();
                    if (mode === ModeType.Grid) {
                      setMode(ModeType.Card);
                    }
                  }}
                  src={process.env.PUBLIC_URL + "/sales/card-mode.png"}
                />
              </Tooltip>
            )} */}

after clicking img and moving mouse away fast, the tooltip didn’t disappear.

i checked the dom, the tooltip wasn’t removed from document.body

is there any solution to solve this problem ?

only when hovering and leaving it again will the tooltip disappear

[oliviertassinari]

@jiangyh1024 You can do the same with the open prop of the tooltip. If you want to hide the tooltip on click, you could also set a key: https://codesandbox.io/s/keen-resonance-cr25y.

[eps1lon]

Yeah let’s close this.