FreeTubeApp/FreeTube

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

Open

#6.330 geöffnet am 9. Dez. 2024

Auf GitHub ansehen
 (5 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)JavaScript (9.938 Stars) (600 Forks)batch import
B: visualU: reproducedbuggood first issue

Beschreibung

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
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 hours
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
fresh
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
clear
Voraussetzungen
basic knowledge of CSSunderstanding of Vue.js component structure
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
85
Research-Richtung
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.