Tag filter flyout cut off without scrollbars when screen too small

Open Beginner friendly
#358 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
68/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Quiet
Domain
frontend

Research direction

No file or test is named. Start by locating the tag filter flyout in the Svelte UI and reproduce the cutoff at 150% display scaling. Done means every tag in all three columns is reachable, including on small screens, with scrollbars available when needed.

Written by the indexing model from the issue text.

Description

On a 1080p display, scaled to 150%, the tag filter flyout is cut off at the bottom, obscuring the final items in each of the three columns. Recommend adding scrollbars, both to see these and for future-proofing new ones.

Expected: ability to see all tags.

Actual: cut-off tag names.

Image
Dominant language
Svelte
Stars
500
Forks
94
Avg merge
9d 19h
Merged PRs (30d)
2

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from satisfactorymodding/SatisfactoryModManager

All issues in satisfactorymodding/SatisfactoryModManager

Similar issues

More Web Dev issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.