checkbox in 6.9 backend won’t tick in Safari

  • Resolved boumy

    (@boumy)


    1 month, 2 weeks ago

    Hi.

    Since I updated my sites with WP 6.9 all the checkboxes in the back-end won’t show the tick (completion mark) in Safari anymore. Do you encounter this too ? Please note that there is no problem in Firefox.

    I can’t even put the tick to “remember me” on the log in page. The checkbox is actually “checked “on” when I click but I get no visual confirmation.

    Perplexity.ai told me to try these CSS rules in the devTools. They work.

    wpadminbar input[type="checkbox"],

    body.wp-admin input[type="checkbox"] {
    -webkit-appearance: checkbox !important;
    appearance: auto !important;
    opacity: 1 !important;
    }

    My specs : macOS Ventura 13.7.4 Safari 16.6 (18615.3.12.11.2) Firefox 145.0.2 WordPress 6.9 Divi up-to-date

    • This topic was modified 1 month, 2 weeks ago by boumy.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)
  • mydesign78

    (@mydesign78)

    1 month, 2 weeks ago

    Hi, I have same error. I wait new upgrade!

    Moderator threadi

    (@threadi)

    1 month, 2 weeks ago

    Your Safari browser is outdated. With WordPress 6.9, a CSS property was added to the checkboxes that optimize their accessibility for screen readers. Older browsers, such as your Safari browser, do not support this.

    Your Safari 16.6 is from 2023: https://developer.apple.com/documentation/safari-release-notes – the current version is 26. WordPress only supports the last two major versions of Safari, in accordance with the WordPress browser support policy.

    There is also a ticket for this in Core Trac: https://core.trac.wordpress.org/ticket/64350 – an update was posted here just a few minutes ago with the result mentioned above.

    You have two options:

    • Update your browser
    • Use a different browser

    @mydesign78: if you need support then per the forum guidelines please start your own topic for your own issue.

    Thread Starter boumy

    (@boumy)

    1 month, 2 weeks ago

    Thank you so much for your answer and advice. My Mac is 10 years old… I managed to force the installation of macOS 13 Ventura with OpenCore, but I didn’t dare to upgrade it once again 😊

    Thread Starter boumy

    (@boumy)

    1 month, 2 weeks ago

    I have find a workaround : I created a small .css file including the code above and set it as the default stylesheet of Safari (Settings –> Advanced –>Stylesheet). And it works well !

    @mydesign78 which version of Safari or of another navigator are you using ?

    mydesign78

    (@mydesign78)

    1 month, 2 weeks ago

    What a good idea!!

    I have iOS 16.7.12 (20H364) for IPhone X.

    Thread Starter boumy

    (@boumy)

    1 month, 2 weeks ago

    @threadi do you have the ability to delete the url I posted above? I have received a potential fishing by mail attempt from a member of this forum. Thank you.

    mydesign78

    (@mydesign78)

    1 month, 2 weeks ago

    @boumy What URL? You don’t post it.

    Thread Starter boumy

    (@boumy)

    1 month, 2 weeks ago

    the url of the website I gave in example below my first post. Where it is written “The page I need help with:”

    mydesign78

    (@mydesign78)

    1 month, 2 weeks ago

    @boumy Can you create for me a CSS file?

    Where I set it?

    Thanks.

    Thread Starter boumy

    (@boumy)

    1 month, 2 weeks ago

    It is a simple text file. Use TextEdit on Mac or NotePad on Windows. Create a new document, paste the code I posted above, save the file as whatever name you want and add the extension .css For exemple: ‘style for WP 6.9.css’ Choose a location where you’ll leave the file as long as you’ll need it (Safari won’t embed the style in its settings but refer to it every time you work on a WP website.

    In Safari for MacOS, open Settings –> Advanced tab –> Stylesheet and select your .css file (I don’t how to do this on iOS) –> close Settings pane.

    I hope this helps.

    mydesign78

    (@mydesign78)

    1 month, 2 weeks ago

    There is not a menu in Safari for IPhone… sin!

    Thread Starter boumy

    (@boumy)

    1 month, 1 week ago

    Please note that a # mark was forgotten in the CSS rule above. The correct rule is :

    #wpadminbar input[type="checkbox"], body.wp-admin input[type="checkbox"] {-webkit-appearance: checkbox !important; appearance: auto !important; opacity: 1 !important;}

    mydesign78

    (@mydesign78)

    1 month, 1 week ago

    Good… function!!

    Now I don’t view “Visit Site” menu on admin dashboard.

    Thanks.

    wolf45

    (@wolf45)

    1 month ago

    i have the same problem in firefox 115.31.0esr (32-Bit)

    Thread Starter boumy

    (@boumy)

    1 month ago

    Maybe you can try the Stylus extension for Firefox https://addons.mozilla.org/fr/firefox/addon/styl-us/?utm_source=addons.mozilla.org&utm_medium=referral&utm_content=search

    @wolf45

Viewing 15 replies - 1 through 15 (of 15 total)

You must be logged in to reply to this topic.