google / google/fonts

Specimen page: "Select preview text" dropdown labels overlap with selected values

Open
#10,543 4 comments 0 reactions 0 assignees View on GitHub
I API / Website / Platform I Request I Tools / workflow / repo
Dominant language
HTML
Stars
20.5k
Forks
2.9k
Avg merge
1d 21h
Merged PRs (30d)
95

Description

#This issue also works for requesting features.

**Describe the issue**
On the Specimen page for any font (e.g., Geist), the "Select preview text"
dropdowns show overlapping text — the placeholder label and the selected
value are both rendered simultaneously, causing them to visually collide.

**To Reproduce**
1. Go to https://fonts.google.com/specimen/Geist
2. Click on the "Specimen" tab
3. Observe the two dropdowns under "Select preview text"
4. The first dropdown shows something like "SWriting systemng syster"
and the second shows "SLanguagelanguage" — both texts overlap each other.

**Expected behavior**
The dropdown should display only the selected value (or placeholder)
at a time — not both overlaid on top of each other.

**Additional context**
- OS: Windows 11
- Browser: Zen (Firefox based)

**Screenshots**

Image

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.