[Bug]: In some languages, an extra scrollbar appears in the settings · FreeTubeApp/FreeTube#6330

2024-12-09T19:37:15.000Z

### Guidelines - [X] I have encountered this bug in the [latest release of FreeTube](https://github.com/FreeTubeApp/FreeTube/releases). - [X] I have encountered this bug in the [official downloads of FreeTube](https://github.com/FreeTubeApp/FreeTube#official-downloads). - [X] I have searched the issue tracker for [open](https://github.com/FreeTubeApp/FreeTube/issues?q=is%3Aopen+is%3Aissue) and [closed](https://github.com/FreeTubeApp/FreeTube/issues?q=is%3Aissue+is%3Aclosed) issues that are similar to the bug report I want to file, without success. - [X] I have searched the [documentation](https://docs.freetubeapp.io/) for information that matches the description of the bug I want to file, without success. - [X] 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. 6. ![Ashampoo_Snap_Montag, 9 Dezember 2024_20h33m44s](https://github.com/user-attachments/assets/55581e93-f23d-4075-bd62-09f98afac433) ### Expected Behavior This is how it should look. ![Ashampoo_Snap_Montag, 9 Dezember 2024_20h35m50s](https://github.com/user-attachments/assets/6be95b34-f3d3-40b2-a7ed-36e07612dacd) ### 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 - [X] I have encountered this bug in the latest [nightly build](https://docs.freetubeapp.io/development/nightly-builds).

(5 comments) (0 reactions) (0 assignees)JavaScript (9,938 stars) (600 forks)batch import

B: visualU: reproducedbuggood first issue

説明

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

Open Free Tube v0.22.0-nightly-5283 Beta (latest build)
Set the language to German or Turkish
Open settings and then enable "Sort Settings Selections (A-Z)"
Now there's another scrollbar showing up here - marked in red
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

I have encountered this bug in the latest nightly build.

コントリビューターガイド

技術スタック: javascriptvue
領域: frontend
Issue 種別: bug
難度: 2
推定時間: 1-3 hours
活動状況: fresh
明確さ: clear
前提条件: basic knowledge of CSSunderstanding of Vue.js component structure
初心者向け度: 85
調査方針: 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.