FreeTubeApp/FreeTube

[Bug]: In some languages, an extra scrollbar appears in the settings

Open

#6330 opened on Dec 9, 2024

View on GitHub
 (5 comments) (0 reactions) (0 assignees)JavaScript (9,938 stars) (600 forks)batch import
B: visualU: reproducedbuggood first issue

Description

Guidelines

  • I have encountered this bug in the latest release of FreeTube.
  • I have encountered this bug in the official downloads of FreeTube.
  • I have searched the issue tracker for open and closed issues that are similar to the bug report I want to file, without success.
  • I have searched the documentation for information that matches the description of the bug I want to file, without success.
  • This issue contains only one bug.

Describe the bug

  1. Open Free Tube v0.22.0-nightly-5283 Beta (latest build)
  2. Set the language to German or Turkish
  3. Open settings and then enable "Sort Settings Selections (A-Z)"
  4. Now there's another scrollbar showing up here - marked in red
  5. Always reproducible - but only in certain languages like German or Turkish.

Ashampoo_Snap_Montag, 9 Dezember 2024_20h33m44s

Expected Behavior

This is how it should look.

Ashampoo_Snap_Montag, 9 Dezember 2024_20h35m50s

Issue Labels

visual bug

FreeTube Version

v0.22.0-nightly-5283 Beta

Operating System Version

Windows 11 - 23H2

Installation Method

.exe

Primary API used

Local API

Last Known Working FreeTube Version (If Any)

No response

Additional Information

No response

Nightly Build

Contributor guide

Tech stack
javascriptvue
Domain
frontend
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
basic knowledge of CSSunderstanding of Vue.js component structure
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
85
Research direction
Investigate the settings component that displays the sort toggle. Look for CSS rules that might cause a double scrollbar when the 'Sort Settings Selections (A Z)' option is enabled. The bug is language dependent, so check for text length differences that might cause overflow. The fix likely involves adjusting overflow properties or ensuring the scrollbar appears only once. See the settings view file, possibly 'Settings.vue' or similar, and the associated CSS file. Test with German or Turkish locale.