custom hook useAutoSize dynamic input/textarea sizing in workspace

[moehdotdev]

added a custom useAutoSize hook to automatically resize inputs and textareas based on content, and applied it to table names, workspace names, and note titles.

previously, long titles would overflow or require manual resizing. the new hook uses a mirror element + useLayoutEffect to calculate exact width/height dynamically, preventing layout jumps.

benefits

• inputs and textareas now grow/shrink smoothly with content
• better UX when editing long names or titles
• reusable hook for future components
• fixed some ref typing and added container width limits to prevent overflow

changes

• app/home/[id]/WorkingSpacePageClient.tsx
  • added useAutoSize hook with mirror span technique
  • applied it to table tab editing, workspace name editing, grid note titles (textarea), and list note titles
  • added container refs to respect parent width
  • cleaned up some old comments and simplified a few spots

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
notevo	Ready	Preview, Comment	Apr 19, 2026 3:36pm