Comfy-Org / Comfy-Org/ComfyUI_frontend

[Bug]: Oversights regarding Previews, Thumbnails and Obstructions

Open
#2,325 0 comments 0 reactions 0 assignees View on GitHub
Potential Bug
Dominant language
TypeScript
Stars
2k
Forks
702
Avg merge
1d 8h
Merged PRs (30d)
512

Description

### Frontend Version

[ComfyUI 0.3.12](https://github.com/comfyanonymous/ComfyUI/tree/v0.3.12)
[ComfyUI_frontend v1.8.4](https://github.com/Comfy-Org/ComfyUI_frontend/tree/v1.8.4)

### Expected Behavior

1. Having side toolbar set to right side should not make node previews be obstructed by the zoom control widget.
2. Toolbar model menu should display image previews in same directory matching same filename plus either just file extension or .preview followed by file extension. This has been commonly done for over a year in most other UI
3. Toolbar model menu should parse ".civitai.info"/".json" files matching model file name in same directory as JSON data and display basic info as well as essential info such as trigger words.
4. Number 3 and 4 should apply to embeddings directory too.
5. Toolbar preview thumbnails should be resizable.

### Actual Behavior

1. Node previews are being obstructed:

![Image](https://github.com/user-attachments/assets/bcefbeb0-39d3-4581-8902-c1e8bf62da49)

![Image](https://github.com/user-attachments/assets/a8aab4e8-82da-45ad-88fe-2f498854863a)

2. No Previews displayed

![Image](https://github.com/user-attachments/assets/c584a7cf-4d0c-45dc-a961-4969d3d0c4c5)

3. No model data displayed

![Image](https://github.com/user-attachments/assets/29872c87-5c4d-48b0-bcf2-bc013a771bac)

4. No attempt at loading anything
5. Toolbar preview thumbnails too small on high resolution monitors

### Steps to Reproduce

Kind of obvious from the files.

### Debug Logs

```powershell
Not relevant
```

### Browser Logs

Not relevant

### Setting JSON

[comfy.settings.json](https://github.com/user-attachments/files/18518350/comfy.settings.json)

### What browsers do you use to access the UI ?

Microsoft Edge

### Other

Additional info regarding preview file names. The previews can also be multiple ones and in this case they are names `.#.example.jpeg` where `#` represents a number index starting at 0 and jpeg can be any common image file format.

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-2325-Bug-Oversights-regarding-Previews-Thumbnails-and-Obstructions-1846d73d36508172adf3ed3968c2c750) by [Unito](https://www.unito.io)

Contributor guide

Open the contributing guide

Research direction

No source files or tests are named. Start by reproducing the five reported behaviors with the linked comfy.settings.json on ComfyUI 0.3.12 and ComfyUI_frontend v1.8.4; done means unobstructed previews, matching image and metadata previews for models and embeddings, and resizable toolbar thumbnails.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.