[GH-ISSUE #396] Website languages dropdown is blurred #2778

New Issue

GiteaMirror · 2026-04-19T10:57:01-05:00

GiteaMirror commented

2026-04-19 10:57:01 -05:00

Originally created by @nicosh on GitHub (Sep 3, 2021).
Original GitHub issue: https://github.com/conventional-commits/conventionalcommits.org/issues/396

In Google Chrome 92 the items in languages dropdown are blurred :

.dropdown__option a {
    text-transform: inherit;
}

Seems to fix the bug.

Originally created by @nicosh on GitHub (Sep 3, 2021). Original GitHub issue: https://github.com/conventional-commits/conventionalcommits.org/issues/396 In Google Chrome 92 the items in languages dropdown are blurred : ![screen](https://user-images.githubusercontent.com/8511928/132015365-35e7ad70-0302-43f7-8add-de1072fdee31.jpg) ``` .dropdown__option a { text-transform: inherit; } ``` Seems to fix the bug.

GiteaMirror closed this issue

2026-04-19 10:57:02 -05:00

GiteaMirror commented

2026-04-19 10:57:05 -05:00

@damianopetrungaro commented on GitHub (Sep 3, 2021):

@lorenzodianni do you have time for this?

@damianopetrungaro commented on GitHub (Sep 3, 2021): @lorenzodianni do you have time for this?

GiteaMirror commented

2026-04-19 10:57:06 -05:00

@lorenzodianni commented on GitHub (Sep 6, 2021):

Unfortunately text-transform: inherit; will change the text behavior from Capitalized to PASCALCASE
Anyway a don't see anymore the bug (Chrome v93), do you?

The problem could be the antialias and the computed font set to 12.8px. We could round up to 13px and should works without touch the text-transform

But in any case, if the problem is auto-resolved in v93, i don't think we need to apply anything. What do you think @damianopetrungaro?

@lorenzodianni commented on GitHub (Sep 6, 2021): Unfortunately `text-transform: inherit;` will change the text behavior from Capitalized to PASCALCASE Anyway a don't see anymore the bug (Chrome v93), do you? The problem could be the antialias and the computed font set to `12.8px`. We could round up to `13px` and should works without touch the text-transform But in any case, if the problem is auto-resolved in v93, i don't think we need to apply anything. What do you think @damianopetrungaro?

GiteaMirror commented

2026-04-19 10:57:09 -05:00

@nicosh commented on GitHub (Sep 6, 2021):

@lorenzodianni, i still see the bug (Chrome v93).
Btw i dont think the problem is the text-transform property (removing overflow: auto; from parent ul also seems to remove the blur) rather i think is a Chrome/Windows bug (i have the same behaviour with edge, tested on 2 different computers).

Edit
font-size: 13px; on .dropdown__options fix the issue in my case.

@nicosh commented on GitHub (Sep 6, 2021): @lorenzodianni, i still see the bug (Chrome v93). Btw i dont think the problem is the `text-transform` property (removing `overflow: auto;` from parent `ul` also seems to remove the blur) rather i think is a Chrome/Windows bug (i have the same behaviour with edge, tested on 2 different computers). **Edit** `font-size: 13px; ` on `.dropdown__options` fix the issue in my case.

GiteaMirror commented

2026-04-19 10:57:14 -05:00

@damianopetrungaro commented on GitHub (Sep 28, 2021):

@nicosh should be fixed, let me know if it is still not fixed re-opening the issue :D

@damianopetrungaro commented on GitHub (Sep 28, 2021): @nicosh should be fixed, let me know if it is still not fixed re-opening the issue :D

GiteaMirror commented

2026-04-19 10:57:17 -05:00

@TinF9 commented on GitHub (Apr 10, 2023):

Hello all
The issue seems to be back (Chrome v 112).

One option that appears to fix it is reducing the font-size to 12px on .dropdown__options.

Another option is removing overflow: auto (removing the scrollbar) on .dropdown__options.

On mobile/tablet it is already looking all right.

@damianopetrungaro

@TinF9 commented on GitHub (Apr 10, 2023): Hello all The issue seems to be back (Chrome v 112). One option that appears to fix it is reducing the `font-size` to `12px` on `.dropdown__options`. Another option is removing `overflow: auto` (removing the scrollbar) on `.dropdown__options`. On mobile/tablet it is already looking all right. @damianopetrungaro

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/conventionalcommits.org#2778