The Mac has an autocorrect feature while typing that can range from excellent to outright maddening. It attempts to automatically correct misspellings on the fly anywhere you are typing in the OS in native apps. This also includes textareas and textboxes in any web browser window. As convenient as this seems, for a developer this can be a frustrating and sometimes infuriating feature when editing WordPress sites from the built in appearance editor.
Quickly jumping into the “footer.php” and adding a simple class like class=”textcolor” for instance could result in a class that actually ends up being class=”text color” with a space. This is easy to miss since the auto-correct just does it for you and if your typing quick you could miss it changing it on you (as is doesn’t ask).
This goes for editing the style.css file too! Styles like “.greentitle, .purplelink and #sitewrapper.. etc..” could end up “.green title, .purple link and #site wrapper..” and ultimately not work. This can lead down a rabbit hole of minutes and hours lost on projects to head scratching as to why something that was working suddenly broke.
Here is how you fix it.
Disabling Auto-Corrections in Mac OS X Mavericks
In OS X 10.0 Yosemite and OS X 10.9 Mavericks, the autocorrect remains the same but the location has changed slightly from prior versions of OS X (as described below):
- Open Preferences from the Apple, then go to “Keyboard”
- Choose the “Text” tab
- Uncheck the box next to “Correct spelling automatically”