Hide tooltip on locked accounts as soon as contents of scroll bar (accounts) start to get scrolled

[dmtrjsg]

 Context

Tooltip is flipping when accounts are scrolled

 Scope

• [ ] Close tooltip as soon as user starts scrolling the accounts up or down

[dmtrjsg]

@traumschule pls feel free to assign

[WRadoslaw]

@oleksanderkorn This might fix the issue

const [isDetached, setIsDetached] = useState(false)

  const { styles, attributes, state } = usePopper(referenceElementRef, popperElementRef, {
    placement: isDetached ? 'top-start' : 'bottom-start',
    modifiers: [
      {
        name: 'offset',
        options: {
          offset: offset ?? [0, 0],
        },
      },
    ],
  })

  useEffect(() => {
    if (referenceElementRef && boundaryElement) {
      const refBox = referenceElementRef.getBoundingClientRect()
      const boundaryBox = boundaryElement.getBoundingClientRect()

      setIsDetached(boundaryBox.bottom + boundaryBox.y < refBox.bottom + refBox.y)
    }
  }, [!state, !boundaryElement])