{"id":1287,"date":"2024-09-23T11:07:38","date_gmt":"2024-09-23T10:07:38","guid":{"rendered":"https:\/\/telltec.ch\/?page_id=1287"},"modified":"2024-09-25T16:32:19","modified_gmt":"2024-09-25T15:32:19","slug":"safari-18-wordpress-classic-editor-fix","status":"publish","type":"page","link":"https:\/\/telltec.ch\/de\/projects\/safari-18-wordpress-classic-editor-fix\/","title":{"rendered":"Plugin to Fix the Overlap Issue in WordPress Classic Editor &amp; Safari 18"},"content":{"rendered":"\n<p>Safari 18, bundled with macOS Sequoia, introduced a problem with the default Two Column view in the Classic Editor of WordPress, making the columns overlap.<\/p>\n\n\n\n<p>Install <a href=\"https:\/\/github.com\/aaronmeder\/wp-classic-editor-safari-18-fix\" target=\"_blank\" data-type=\"link\" data-id=\"https:\/\/github.com\/aaronmeder\/wp-classic-editor-safari-18-fix\" rel=\"noreferrer noopener nofollow\">this plugin<\/a>, which loads two minimal lines of CSS to fix the issue, until there will be an official fix.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"343\" src=\"https:\/\/telltec.ch\/wp\/wp-content\/uploads\/2024\/09\/safari-18-fix-wp-two-column-layout-1024x343.webp\" alt=\"\" class=\"wp-image-1288\" srcset=\"https:\/\/telltec.ch\/wp\/wp-content\/uploads\/2024\/09\/safari-18-fix-wp-two-column-layout-1024x343.webp 1024w, https:\/\/telltec.ch\/wp\/wp-content\/uploads\/2024\/09\/safari-18-fix-wp-two-column-layout-300x101.webp 300w, https:\/\/telltec.ch\/wp\/wp-content\/uploads\/2024\/09\/safari-18-fix-wp-two-column-layout-768x257.webp 768w, https:\/\/telltec.ch\/wp\/wp-content\/uploads\/2024\/09\/safari-18-fix-wp-two-column-layout-1536x515.webp 1536w, https:\/\/telltec.ch\/wp\/wp-content\/uploads\/2024\/09\/safari-18-fix-wp-two-column-layout-2048x686.webp 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/github.com\/aaronmeder\/wp-classic-editor-safari-18-fix\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Download Quick Fix Plugin<\/a><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Who is experiencing the Bug?<\/h2>\n\n\n\n<p>People that are using the very latest version of Apple&#8217;s Browser <a href=\"https:\/\/developer.apple.com\/documentation\/safari-release-notes\/safari-18-release-notes\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Safari 18<\/a>, which was published together with the release of <a href=\"https:\/\/en.wikipedia.org\/wiki\/MacOS_Sequoia\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">macOS Sequoia 15.0<\/a> on September 16, 2024.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Is This Even a Bug or Some Incompatibility Issues Between WordPress Plugins?<\/h2>\n\n\n\n<p>It seems to be a <a href=\"https:\/\/bugs.webkit.org\/show_bug.cgi?id=280063\" data-type=\"link\" data-id=\"https:\/\/bugs.webkit.org\/show_bug.cgi?id=280063\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">confirmed bug<\/a> in Safari 18 related to negative horizontal margin on floats.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">When can a Fix be expected?<\/h2>\n\n\n\n<p>There doesn&#8217;t seem to be any information about a possible fix yet. In the meantime use the plugin linked above to continue to use WordPress Admin without any interruptions.<\/p>\n\n\n\n<p><strong>Update September 25:<\/strong> there seems to be a <a href=\"https:\/\/bugs.webkit.org\/show_bug.cgi?id=280063#c2\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">proposed patch<\/a> already by the Apple developer Alan Baradlay. <\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Updates to this Article<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>September 25, 2024: <\/strong>Article update with patch information.<\/li>\n\n\n\n<li><strong>September 24, 2024: <\/strong>Article updated with more information about the bug.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Safari 18, bundled with macOS Sequoia, introduced a problem with the default Two Column view in the Classic Editor of WordPress, making the columns overlap. Install this plugin, which loads two minimal lines of CSS to fix the issue, until there will be an official fix. Who is experiencing the Bug? People that are using [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":1144,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1287","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/pages\/1287","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/comments?post=1287"}],"version-history":[{"count":9,"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/pages\/1287\/revisions"}],"predecessor-version":[{"id":1311,"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/pages\/1287\/revisions\/1311"}],"up":[{"embeddable":true,"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/pages\/1144"}],"wp:attachment":[{"href":"https:\/\/telltec.ch\/de\/wp-json\/wp\/v2\/media?parent=1287"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}