Skip to content

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

Merged
lstein merged 4 commits intoinvoke-ai:mainfrom
DustyShoe:Feat(UI)/Replace-prompt-window-resize-handle-with-bottom-edge-drag-handle-
Apr 14, 2026
Merged

Feat(UI): Replace prompt window resize handle with bottom edge drag handle.#8975
lstein merged 4 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

joshistoast commented Apr 8, 2026

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 present already 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.

Copy link
Copy Markdown
Collaborator

@Pfannkuchensack Pfannkuchensack left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Works great.

@lstein lstein enabled auto-merge (squash) April 14, 2026 01:07
@lstein lstein merged commit 1b50c1a into invoke-ai:main Apr 14, 2026
13 checks passed
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