Regression: Text areas in Prompts page no longer resizable #3691
Description
Description:
The text areas for "Mode-specific Custom Instructions", "Role Definition", "When to Use", and "Global Custom Instructions" on the "Prompts" page are no longer resizable by the user via the corner drag widget. This is a regression, as these fields, particularly custom instructions, can be very long and require resizing for effective editing.
Cause:
This regression is believed to have been introduced by commit 4730a12d4ec2f9fa27dce367bdb90ce47bd703db which was part of PR #3343 ("fix(prompts): revert to vscodetextarea to prevent race condition").
While this commit aimed to fix a race condition by reverting to VSCodeTextArea, it may have inadvertently affected the resizability of these components. The VSCodeTextArea components in webview-ui/src/components/prompts/PromptsView.tsx use the className="w-full resize-y" Tailwind CSS classes, which might not be interacting correctly with the component or its native resizing mechanism after the changes in this commit.
Affected Components:
- Mode-specific Custom Instructions text area
- Role Definition text area
- When to Use text area
- Global Custom Instructions text area
- Text areas in the "Create Mode" dialog
Expected Behavior:
Users should be able to resize these text areas, particularly vertically, to accommodate long content.
Actual Behavior:
The resize handle is not present or not functional for these text areas.
File: webview-ui/src/components/prompts/PromptsView.tsx
Related PR: #3343