Opened 12 months ago
Closed 4 weeks ago
#61230 closed defect (bug) (duplicate)
Check boxes have been broken(empty) for years in Firefox
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Priority: | normal | |
Severity: | normal | Version: | 6.5.3 |
Component: | Administration | Keywords: | reporter-feedback close |
Focuses: | ui | Cc: |
Description
In Firefox check boxes do not render a checked state when checked and has been this way for years.
This is because the "input[type="checkbox"], input[type="radio"]" CSS selector has "-webkit-appearance: none;" which as it says, removes the appearance of the check mark.
Attachments (5)
Change History (13)
#2
@
12 months ago
- Component changed from General to Administration
- Focuses css removed
- Keywords reporter-feedback added
Hi there and welcome to WordPress Trac!
What device / OS is this on? I cannot reproduce this in Firefox on macOS. Checkbox appearance is just fine here in all states.
Also, if this is specific to WP Super Cache, you should report it there.
#3
@
12 months ago
Further testing reveals that this bug occurs on:
Firefox 126 on Windows 11
Firefox for Android 125.3 on Android 14
Ungoogled Chromium Portable 115 on Windows 11
This occurs on all check boxes including the login page. This is a fresh WordPress installation and the bug occurred before making any modifications.
This issue occurs with all plugins disabled.
There is one theme installed and activated, Twenty Twenty-Two.
Removing the CSS selector that I mentioned fixes the issue for me.
@
12 months ago
::before
styles in Firefox 125.0.3/Windows 10, when the checked checkbox shows the SVG image
#4
@
12 months ago
That first screenshot was an unintentional upload.
I removed the copyright image. If that was wrong, please re-attach it.
When the checkbox is checked, what does the browser inspector show you for the ::before
rules? The styles remove the -webkit-appearance
but should replace it with an SVG in the ::before
pseudo-element. Do you have additional styles (possibly from a browser extension) or else something crossed out?
#5
@
6 weeks ago
I was not able to reproduce the issue on Android as well.
I tried on following devices:
- Realme 6
- Samsung S23
#6
@
5 weeks ago
- Keywords close added
I think we need to know what Firefox shows you when you inspect the checkbox's ::before
pseudo-element. It is difficult to move the ticket forward without that information.
#8
@
4 weeks ago
- Milestone Awaiting Review deleted
- Resolution set to duplicate
- Status changed from new to closed
I think turning images off is the most likely situation for this to happen (with Twenty Twenty-Two and with zero active plugins), so I will close as a duplicate of #55768.
If I am wrong about that, please give more details.
That first screenshot was an unintentional upload. ¯\_(ツ)_/¯