philomena-dev / philomena

Next-generation imageboard
GNU Affero General Public License v3.0
84 stars 29 forks source link

Fix background color being reset on select options in Chrome #159

Closed BytewaveMLP closed 2 years ago

BytewaveMLP commented 2 years ago

Before you begin


Due to the way the caret is rendered on the select box using a background property, the background color is reset to default on options when the select box loses its :hover state. This is primarily noticeable on the dark theme. Although I'm not sure what the best fix for this is, the simplest solution is to just override the background color on option tags that are children of non-:hover select boxes.

This appears to be a bug in Chromium. Loading derpibooru.org in Firefox does not exhibit the same issue.

I have no idea what I'm doing with CSS. 🤔

Before:

image

After:

image

(I'm not sure what's up with that white line, but I think it's a Chromium bug? I can't get the page to load in Firefox to check, for whatever reason.)