Comfy-Org / Comfy-Org/ComfyUI_frontend

Prompt wrapper modal does not expand to fit long label text

Open
#11,243 1 comment 0 reactions 0 assignees View on GitHub
area:ui Potential Bug
Dominant language
TypeScript
Stars
2k
Forks
702
Avg merge
1d 8h
Merged PRs (30d)
512

Description

### Prerequisites

- [x] I am running the latest version of ComfyUI
- [x] I have custom nodes enabled

### What happened?

There is a visual bug in the frontend prompt wrapper modal. When the label text is longer than usual, the modal does not expand or adapt its layout to properly fit the text, so the label overlaps the input area instead of being displayed cleanly.

I discovered this while implementing a prompt dialog for filtering models in my [ComfyUI-Styler-Pipeline extension](https://github.com/andreszs/ComfyUI-Styler-Pipeline). In that case, the prompt label is longer and the wrapper keeps the modal at a fixed size/layout, which causes the label text to render on top of the input field, as shown in the attached screenshots.

This appears to be a frontend issue in the shared prompt wrapper component rather than an issue specific to my extension.

### Steps to Reproduce

1. Use the frontend prompt wrapper with a relatively long label/message.
2. Open the prompt modal.
3. Notice that the modal does not resize or reflow to accommodate the label text.
4. The label text overlaps the text input area instead of pushing the layout down.

### How is this affecting you?

Visual/UI issue only

### ComfyUI Frontend Version

1.42.8

### Browser

Firefox

### Console Errors

```javascript

```

### Logs

```shell

```

### Additional Context

This was found while adding a “filter models” prompt to ComfyUI-Styler-Pipeline. The issue is reproducible with longer prompt labels and seems to affect the generic prompt wrapper UI behavior.

Image

Image

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-11243-Prompt-wrapper-modal-does-not-expand-to-fit-long-label-text-3426d73d3650817fa689e2f0e22690b2) by [Unito](https://www.unito.io)

Contributor guide

Open the contributing guide

Research direction

No file or test is named; start by locating the shared frontend prompt wrapper component and reproduce the modal with a long label in Firefox. Done means the modal reflows or expands so the full label is displayed without overlapping the input area.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
58/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.