Aura
/
aura-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: @mention popover position calculation with requestAnimationFrame

main
sp mac bookpro 2605 2026-06-07 20:33:39 +08:00
parent d649d4364d
commit 2d4c57a78b
1 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/pages/chat/components/ChatInput.tsx
View File

@ -74,12 +74,19 @@ export default function ChatInput(props: {
console.log('[@mention] matched @ at position:', { atIndex, query }); console.log('[@mention] matched @ at position:', { atIndex, query });
if (!query.includes(' ')) { if (!query.includes(' ')) {
setMentionQuery(query); setMentionQuery(query);
// 计算位置 // 计算位置 - 使用 inputRef 获取最新 DOM 位置
const textarea = e.target; requestAnimationFrame(() => {
const rect = textarea.getBoundingClientRect(); const textarea = inputRef.current;
setMentionPos({ top: rect.bottom, left: rect.left + 10 }); if (!textarea) {
console.log('[@mention] show popover:', { top: rect.bottom, left: rect.left + 10, query }); console.log('[@mention] inputRef.current is null');
setShowMentionPopover(true); return;
}
const rect = textarea.getBoundingClientRect();
console.log('[@mention] textarea rect:', rect);
setMentionPos({ top: rect.bottom, left: rect.left + 10 });
console.log('[@mention] show popover:', { top: rect.bottom, left: rect.left + 10, query });
setShowMentionPopover(true);
});
return; return;
} }
} }