Skip to content

Feat(UI): Replace prompt window resize handle with bottom edge drag handle.#8975

Open
DustyShoe wants to merge 3 commits intoinvoke-ai:mainfrom
DustyShoe:Feat(UI)/Replace-prompt-window-resize-handle-with-bottom-edge-drag-handle-
Open

Feat(UI): Replace prompt window resize handle with bottom edge drag handle.#8975
DustyShoe wants to merge 3 commits intoinvoke-ai:mainfrom
DustyShoe:Feat(UI)/Replace-prompt-window-resize-handle-with-bottom-edge-drag-handle-

Conversation

@DustyShoe
Copy link
Copy Markdown
Collaborator

@DustyShoe DustyShoe commented Mar 18, 2026

Summary

This PR replaces the native textarea corner resizer with a full-width draggable bottom edge for prompt fields.
This change should improve UX where tiny resizer was inaccessible when scrollbar was active and in general was hard to hit on displays with high resolution i.e. 1440p.

2026-03-18.20-57-26.mp4

Related Issues / Discussions

Closes #8974

QA Instructions

Verify:

  1. Hovering over the draggable edge changes the cursor to a vertical resize cursor, and the edge brightness changes as visual feedback.
  2. Resizing the upper (positive prompt) window moves the window below.
  3. Resizing the lower window affects only that window.
  4. Disabling the negative prompt or switching to a model that does not support it does not affect the behavior.
  5. Reloading the page or switching tabs does not reset the prompt window height.

Merge Plan

Simple merge

Checklist

  • The PR has a short but descriptive title, suitable for a changelog
  • Tests added / updated (if applicable)
  • ❗Changes to a redux slice have a corresponding migration
  • Documentation added / updated (if applicable)
  • Updated What's New copy (if doing a release after this PR)

@github-actions github-actions bot added the frontend PRs that change frontend files label Mar 18, 2026
@DustyShoe DustyShoe changed the title Feat(UI)/replace prompt window resize handle with bottom edge drag handle Feat(UI): Replace prompt window resize handle with bottom edge drag handle. Mar 18, 2026
@lstein lstein added the v6.13.x label Apr 7, 2026
@lstein lstein moved this to 6.13.x Theme: MODELS in Invoke - Community Roadmap Apr 7, 2026
@joshistoast
Copy link
Copy Markdown
Collaborator

This is a really handy UX improvement. No real code feedback, looks good on that end. On the UI side of things, a few small suggestions:

  1. For consistency, maybe we can adopt the styling of the existing vertical resize handle in the workflow tab:

    image
  2. Now that this is a fairly controllable element, we can maybe make this more accessible with a focus state, on keyboard focus of the resize handle, up/down arrows can resize the textarea.

I'm not passionate about either of those 2 suggestions, as it stands it looks pretty solid.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

frontend PRs that change frontend files v6.13.x

Projects

Status: 6.13.x Theme: MODELS

Development

Successfully merging this pull request may close these issues.

[enhancement]: Horizontal resize handles for prompt boxes

4 participants