rohskiddo/UMBRA
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

Fix description textarea resize: remove max-height cap blocking drag

Browse Source 
max-h-[200px] CSS and the 200px JS cap both prevented the resize
handle from expanding the textarea. Removed both constraints so
auto-grow and manual resize work without ceiling.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Kyle 2026-03-17 18:58:19 +08:00
parent a78fb495a2
commit 11f42ef91e
2 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
frontend/src/components/calendar/EventDetailPanel.tsx
View File

@ -291,7 +291,7 @@ export default function EventDetailPanel({
const el = descRef.current;
if (!el) return;
el.style.height = 'auto';
el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
el.style.height = `${el.scrollHeight}px`;
}, [editState.description, isEditing]);
// Poll lock status in view mode for shared events (Stream A: real-time lock awareness)
@ -955,7 +955,7 @@ export default function EventDetailPanel({
value={editState.description}
onChange={(e) => updateField('description', e.target.value)}
placeholder="Add a description..."
className="text-sm resize-y flex-1 min-h-[80px] max-h-[200px]"
className="text-sm resize-y flex-1 min-h-[80px]"
/>
</div>
</div>

4
frontend/src/components/calendar/EventForm.tsx
View File

@ -147,7 +147,7 @@ export default function EventForm({ event, templateData, templateName, initialSt
const el = descRef.current;
if (!el) return;
el.style.height = 'auto';
el.style.height = `${Math.min(el.scrollHeight, 200)}px`;
el.style.height = `${el.scrollHeight}px`;
}, [formData.description]);
const selectableCalendars = calendars.filter((c) => !c.is_system);
@ -269,7 +269,7 @@ export default function EventForm({ event, templateData, templateName, initialSt
value={formData.description}
onChange={(e) => setFormData({ ...formData, description: e.target.value })}
placeholder="Add a description..."
className="min-h-[80px] max-h-[200px] resize-y text-sm"
className="min-h-[80px] resize-y text-sm"
/>
</div>