diff --git a/ts/hooks/useHasWrapped.ts b/ts/hooks/useHasWrapped.ts index 4b10e2821d0..d5a9cab1952 100644 --- a/ts/hooks/useHasWrapped.ts +++ b/ts/hooks/useHasWrapped.ts @@ -5,6 +5,10 @@ import type { Ref } from 'react'; import { useEffect, useState } from 'react'; import { first, last, noop } from 'lodash'; +function getBottom(element: Readonly): number { + return element.getBoundingClientRect().bottom; +} + function getTop(element: Readonly): number { return element.getBoundingClientRect().top; } @@ -22,7 +26,7 @@ function isWrapped(element: Readonly): boolean { firstChild && lastChild && firstChild !== lastChild && - getTop(firstChild) !== getTop(lastChild) + getBottom(firstChild) <= getTop(lastChild) ); }