From 8f9316208da589a240700750834ef269af333a79 Mon Sep 17 00:00:00 2001 From: Stefan Imhoff Date: Sun, 27 Mar 2022 09:37:00 +0200 Subject: [PATCH] fix: bug with multicolumn and pseudo selectors in Safari Safari has a bug that hides the content of pseudo selectors (::before, ::after) when `column-count` is applied to the container. The null transform hack solves the issue: https://stackoverflow.com/a/60849697/331361 --- src/assets/styles/critical/homepage.css | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/assets/styles/critical/homepage.css b/src/assets/styles/critical/homepage.css index 89d5c29..18f8bcb 100644 --- a/src/assets/styles/critical/homepage.css +++ b/src/assets/styles/critical/homepage.css @@ -80,6 +80,9 @@ inset-inline-start: -2.5rem; position: absolute; text-align: end; + /** Null transform hack to fix Safari bug + * https://stackoverflow.com/a/60849697/331361 **/ + transform: translate3d(0, 0, 0); width: 2rem; }