[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 评论) (0 反应) (0 负责人)JavaScript (9,938 star) (600 fork)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
议题类型: 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.