Scrollbar shown for dataset names in dataset picker
corneliusroemer opened this issue · comments
There's a tiny visual bug in v3 dataset picker: a scrollbar is shown for all dataset names as it seems that the height of the field is too small for the font size:
Wow! That's bad. Any way to repro this for me?
Can you check it for me in dev tools? Right click on the text -> Inspect -> find h4 element nearby in dev tools, click on it -> In sidebar "Computed" -> "Rendered Fonts"
What does it show?
What browser, OS?
Like this? Lato it seems.
macOS 14.4.1, Brave v 1.64.122 but also showing on Chrome 124
This is on Brave:
This is from Chrome:
When did that happen? Was it always the case? I haven't touched web in weeks.
Are you using zoom? How does it look without zoom?
When did that happen? Was it always the case? I haven't touched web in weeks.
Yes it's been the case for me since the redesign for v3 - I think I might have mentioned it in some slack thread but because it's only minor visual I didn't make an issue and I just got used to it :)
Are you using zoom? How does it look without zoom?
The issue is present across all zoom levels
I cannot reproduce that on Linux. So it's difficult for me to fix. I don't see anything obvious in the current CSS.
Here is an attempt to bruteforce it: #1438
Preview: https://nextclade-git-fix-web-dataset-name-scroll-nextstrain.vercel.app/
If you tell me what to tweak I can give it a try!
It appears to be fixed!
