From 2359360c15eda51ac4092feeef34b0545687b2e0 Mon Sep 17 00:00:00 2001
From: Colin Darie <colin@darie.eu>
Date: Mon, 14 Nov 2022 10:10:29 +0100
Subject: [PATCH] fix(form): checkbox & radio not rendered properly on old
 safari & chrome

---
 app/assets/stylesheets/dsfr.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/dsfr.scss b/app/assets/stylesheets/dsfr.scss
index b96a48cac..23a5e6dea 100644
--- a/app/assets/stylesheets/dsfr.scss
+++ b/app/assets/stylesheets/dsfr.scss
@@ -13,16 +13,23 @@ select {
   font-weight: bold;
 }
 
-// fix firefox < 80 not supporting "appearance: auto" on inputs
+// Fix firefox < 80, Safari < 15.4, Chrome < 83 not supporting "appearance: auto" on inputs
+// This rule was set by DSFR for DSFR design, but broke our legacy forms.
 // scss-lint:disable DuplicateProperty
 input[type="checkbox"] {
   -moz-appearance: checkbox;
   -moz-appearance: auto;
+
+  -webkit-appearance: checkbox;
+  -webkit-appearance: auto;
 }
 
 input[type="radio"] {
   -moz-appearance: radio;
   -moz-appearance: auto;
+
+  -webkit-appearance: radio;
+  -webkit-appearance: auto;
 }
 // scss-lint:enable DuplicateProperty