From ee5ba7c32de5372614f13875054280e2cec0edbe Mon Sep 17 00:00:00 2001
From: automated-signal <37887102+automated-signal@users.noreply.github.com>
Date: Tue, 12 Nov 2024 15:56:09 -0600
Subject: [PATCH] Fix useHasWrapped hook

---
 ts/hooks/useHasWrapped.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

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<Element>): number {
+  return element.getBoundingClientRect().bottom;
+}
+
 function getTop(element: Readonly<Element>): number {
   return element.getBoundingClientRect().top;
 }
@@ -22,7 +26,7 @@ function isWrapped(element: Readonly<null | HTMLElement>): boolean {
     firstChild &&
       lastChild &&
       firstChild !== lastChild &&
-      getTop(firstChild) !== getTop(lastChild)
+      getBottom(firstChild) <= getTop(lastChild)
   );
 }