Comfy-Org / Comfy-Org/ComfyUI_frontend

[Feature Request]: Opened workflow tab position in conflict between devices

Open
#1,873 2 comments 0 reactions 0 assignees View on GitHub
enhancement
Dominant language
TypeScript
Stars
2k
Forks
699
Avg merge
1d 7h
Merged PRs (30d)
490

Description

### Is there an existing issue for this?

- [X] I have searched the existing issues and checked the recent builds/commits

### What would your feature do ?

My pc has a large screen, so having workflow tabs makes a lot of sense. My mobile device has a lot smaller screen, so the tabs don't work at all. The problem is that this setting is synced between all devices, so I cannot choose a fitting setting for each device.

I can think of a couple of solutions.
1. The setting is saved in local storage - per device - and is not synced. This option makes sense since it is a set and forget kind of setting, and it only impacts the UI directly, which is different across devices.
2. The tab setting is automatically disabled when the screen is detected to be too small. This option also makes sense, since it's unusable for small screens. However, the size that people consider 'too small' is subjective.
3. The list of tabs should be scrollable if the tabs do not fit, instead of overflowing to the next row. This solution is nice since it doesn't necessarily need to consider different devices as closely, and can get away with a single implementation. It is the easiest option. The downside is that it wastes space that could otherwise be used for different useful buttons in the topbar.

The optimal solution is probably a combination of 2 and 3, where the tabs are disabled if the available space can't even fit a single tab correctly.

![Screenshot_20241211_194041_Samsung Internet](https://github.com/user-attachments/assets/05ef178c-a7b9-40b4-8001-c03934f6b3d7)

### Proposed workflow

-

### Additional information

_No response_

┆Issue is synchronized with this [Notion page](https://www.notion.so/Issue-1873-Feature-Request-Opened-workflow-tab-position-in-conflict-between-devices-15f6d73d365081c48e63c087eb6416d2) by [Unito](https://www.unito.io)

Contributor guide

Open the contributing guide

Research direction

The issue names no files, tests, or entry points. First trace where the workflow-tab position setting is stored and synchronized, then inspect the top-bar layout behavior on narrow screens. Done requires an agreed solution that works independently across desktop and mobile layouts and is verified for overflowing tabs.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.