react-laag icon indicating copy to clipboard operation
react-laag copied to clipboard

Tooltip flickers while hovering on the button

Open gowsi-03 opened this issue 1 year ago • 1 comments

I used react-laag to create a tooltip. When I hover over the info button and button, the tooltip shows the blinking effect. How I can fix it?

https://github.com/everweij/react-laag/assets/105698064/7dc08ebd-a2e6-41dd-8b74-ddccf1954f8e

gowsi-03 avatar Apr 22 '24 07:04 gowsi-03

add pointerEvents: "none" in your component which you are passing in renderLayer()

{(isOver ? renderLayer(
        <m.div
          ref={layerProps.ref}
          style={{
            pointerEvents: "none",
            ...layerProps.style,
          }}
        >
          <span>
            Tooltip
          </span>
        </m.div>
      ) : null}

eddysapata avatar Dec 31 '24 07:12 eddysapata