Comfy-Org / Comfy-Org/ComfyUI_frontend
Prompt wrapper modal does not expand to fit long label text
- 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.
┆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
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