Merge pull request #1264 from PROSENJIT-RONI/issues/1256

Fix: Menu position on conversation list scroll
arc53 · Oct 7, 2024 · e66535c · e66535c
2 parents 94a8c42 + 976e7b6
commit e66535c
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/frontend/src/conversation/ConversationTile.tsx b/frontend/src/conversation/ConversationTile.tsx
@@ -161,7 +161,12 @@ export default function ConversationTile({
  </button>
  )}
  {isOpen && (
- <div className="flex-start absolute z-30 flex w-32 translate-x-1 translate-y-5 flex-col rounded-xl bg-stone-100 text-sm text-black shadow-xl dark:bg-chinese-black dark:text-chinese-silver md:w-36">
+ <div
+ className="flex-start absolute z-30 flex w-32 translate-x-1 translate-y-5 flex-col rounded-xl bg-stone-100 text-sm text-black shadow-xl dark:bg-chinese-black dark:text-chinese-silver md:w-36"
+ style={{
+ top: `${(tileRef.current?.getBoundingClientRect().top ?? 0) + window.scrollY + 8}px`,
+ }}
+ >
  <button
  onClick={(event: SyntheticEvent) => {
  event.stopPropagation();