Quick Fix for Safari 18 Issue With Overlapping Columns in the Classic WordPress Editor Interface

The problem, introduced with Safari 18

The very recently released Safari 18 on macOS Sequoia seems to have introduced a bug that makes the columns in the classic editor interface of WordPress overlap. Metaboxes that should actually be below the main content field are placed under the second sidebar column.

Easy Fix: add CSS to WordPress admin

You can very easily fix this by loading the following CSS in your admin area:

/* Temporary Fix for classic editor bug in Safari 18 */
#postbox-container-2 { clear: left; }
.index-php #postbox-container-2 { clear: none; }

Even easier: install a tiny plugin that loads the fix

To make things even easier I’ve written a tiny WordPress plugin that does that and nothing more. Download and activate the plugin – and you are good to go.

Meanwhile let’s hope there will be an official fix for the issue.

How to Update Duck DNS IP From a UniFi Device

It’s very helpful to have devices on your network reachable through a dynamic dns service without having to pay for it. Follow this short tutorial to setup IP updates from your UniFi router to the Duck DNS service:

Register at duckdns.org and add a domain
Log in to to UniFi management interface on unifi.ui.com (or your local webinterface) and choose the “Network” app.
Go to Settings > Internet and click on your WAN interface
In the Section “Dynamic DNS” click “Create New Dynamic DNS”
Choose the following options:
Service: dyndns
Hostname: your “domain” from duckdns.org
Username: nouser
Password: nopassword
Server: www.duckdns.org/update?domains=%h&token=yourtoken
ℹ️ replace yourtoken with your token from duckdns.org
Save
Check your domain on Duck DNS: the “current IP” value should now be the same as your WAN IP from the UniFi router.

I am using it on our company’s Ubiquiti UniFi Dream Machine SE.

How to Fix: Cannot create a new Simulator on Xcode running on macOS Sonoma

I use the Xcode Simulator for testing and debugging the website I create on iOS since I don’t have an iPhone. It is basically the full iOS running inside a window on your Mac.

Since upgrading to macOS Sonoma I was not able to launch or create a new Simulator however. When trying to create a new Simulator I wasn’t able to click into the “OS Version” field – it just wouldn’t do anything:

How to Fix Not Being Able to Pick an OS Version

When I opened the main Xcode app and selected the “iOS” tab on top, it showed the notice “iOS 17.0 Not installed”. So just click on “GET” and download the new OS, which might take a little while:

After having downloaded the iOS version and reopening the Simulator app I could pick the “OS version” again and was able to use my old Simulators and also create a new Simulator device without a problem:

So here is this website running inside a virtual iPhone 15’s Safari. You can use almost all features of Safari and see the whole browser ui which is handy for better testing of responsive websites:

Bonus Tip: Add more OS versions inside XCode / Simulator

I also learned along the way that inside Xcode’s settings you can head over to the “Platforms” tab to see all installed Platforms and download new ones:

Order your Google Chrome profiles the way you want

I use profiles inside Google Chrome a lot. The helpful function makes it easy to separate Google accounts or website logins and is also handy when wanting to remember 2FA (Two-Factor Authentication) codes in the browser for longer time.

There are several of these profiles that I only access maybe twice a year e.g. when accessing Google services with a specific account.

🫤 Chrome’s default: profiles are ordered randomly or chronologically

I have 20+ profiles set up. On opening Chrome it displays the “profile picker” window. By default these are ordered by an obscure method – maybe by date added or so. This means that the profiles I actually want to use most often (maybe 3-5 profiles) are harder to find and I might need to scroll down every time I want to use them.

From the interface there doesn’t seem to be a way to manually reorder these profiles.

✨ The solution: Nicely order your Google Chrome profiles

Turns out you can actually order your profiles in your preferred custom way:

1. Open Chrome so the profile picker window appears:

2. Edit your profile by clicking the three-dots menu and selecting “Edit”:

3. Change the name of your Chrome profile. You could either prefix it with an Emoji or with a number to order them precisely.

My first impressions of macOS Big Sur

I quickly upgraded to the newly released Mac operating System macOS Big Sur and liked my experience in the first few days. I think it’s great that we get a refreshing look all over.

Adding widgets on macOS Big Sur — The plain desktop on macOS Big Sur

Overall it looks like the updates take some inspiration in mobile UI design with a bit more spacious, rounded elements. Still they feel very good to use with the mouse.

While the installation stalled for around two hours at the 100% progress bar it luckily still finished afterwards. I did not experience any technical or compatbility issues with the OS or third-party apps at all so far otherwise.

Update

The Verge just published their review of macOS Big Sur. It provides more insight into the update and also the changes that landed in Safari 14.