feat: enable drag-to-expand for field description textarea

[devin-ai-integration]

feat: enable drag-to-expand for field description textarea

Summary

Modified the field description textarea in the field configuration panel to support vertical resizing. Changed CSS classes from h-12 resize-none (fixed height, no resize) to min-h-12 resize-y (minimum height, vertical resize enabled).

This addresses the issue where long field descriptions were being cut off with no way to view the full content, as shown in the user-provided screenshots.

File changed: apps/nextjs-app/src/features/app/components/field-setting/FieldEditor.tsx (line 214)

Review & Testing Checklist for Human

• Visual verification: Open field settings panel and confirm the resize handle appears on the Description textarea (should be visible in bottom-right corner)
• Resize functionality: Drag the textarea vertically to expand/collapse it and verify smooth operation
• Layout integrity: Expand the textarea to various sizes and verify the field settings panel layout doesn't break or overflow incorrectly
• Minimum height: Confirm the default min-h-12 (48px) height is appropriate - not too small or too large

Test Plan

1. Navigate to any table in the application
2. Click on a field to open the field settings panel
3. If description field isn't visible, click "Add Description"
4. Hover over the Description textarea and look for the resize handle (bottom-right corner)
5. Drag to resize vertically - try both expanding and collapsing
6. Enter long text content and verify it's fully accessible via the resizable area
7. Test on different screen sizes if possible

Notes

• Lint passed successfully
• Pre-existing typecheck errors in db-main-prisma are unrelated to this change (verified against clean develop branch)
• Unable to perform full E2E testing due to authentication constraints - human verification is important
• Session: https://app.devin.ai/sessions/218630f58f0e4f13bf83bf07450b3411
• Requested by: Bieber (artist@teable.io) / @tea-artist

[devin-ai-integration]

🤖 Devin AI Engineer

I'll be helping with this pull request! Here's what you should know:

✅ I will automatically:

• Address comments on this PR. Add '(aside)' to your comment to have me ignore it.
• Look at CI failures and help fix them

Note: I can only respond to comments from users who have write access to this repository.

⚙️ Control Options:

• Disable automatic comment and CI monitoring

[CLAassistant]

Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you sign our Contributor License Agreement before we can accept your contribution.
_{You have signed the CLA already but the status is still pending? Let us recheck it.}

[github-actions]

Deployment Status: ✅ Success
🔗 Preview URL: https://pr-2011.sealoshzh.site

[github-actions]

🧹 Preview Environment Cleanup

• PR feat: enable drag-to-expand for field description textarea #2011 has been Merged
• Preview environment has been deleted
• Cleanup time: 2025-10-21T10:12:34.150Z