From b7c6a771e06c5dea007ff54f5e74a47b41ab7385 Mon Sep 17 00:00:00 2001
From: Jiro Ghianni <jiro@maykinmedia.nl>
Date: Thu, 22 Aug 2024 17:47:39 +0200
Subject: [PATCH] [#2665] Fix phone-parsing safari

---
 src/open_inwoner/scss/views/_view.scss                 | 9 +++++++++
 src/open_inwoner/templates/pages/cases/list_inner.html | 4 ++--
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/open_inwoner/scss/views/_view.scss b/src/open_inwoner/scss/views/_view.scss
index 15464085f8..74dde61766 100644
--- a/src/open_inwoner/scss/views/_view.scss
+++ b/src/open_inwoner/scss/views/_view.scss
@@ -36,4 +36,13 @@
       display: inline;
     }
   }
+
+  // Remove Safar phone-parsing from specific elements
+  .phone-parsing {
+    pointer-events: none;
+  }
+  .phone-parsing > a {
+    text-decoration: none;
+    color: inherit;
+  }
 }
diff --git a/src/open_inwoner/templates/pages/cases/list_inner.html b/src/open_inwoner/templates/pages/cases/list_inner.html
index e754ea37ce..20f62a799d 100644
--- a/src/open_inwoner/templates/pages/cases/list_inner.html
+++ b/src/open_inwoner/templates/pages/cases/list_inner.html
@@ -51,7 +51,7 @@ <h2 class="card__heading-2">{{ case.naam }}</h2>
                 <!-- other cases -->
             {% else %}
                 <a href="{% url 'cases:case_detail' api_group_id=case.api_group.id  object_id=case.uuid %}" class="card card card__description-card card--stretch">
-                    <div class="card__body">
+                    <div class="card__body phone-parsing">
 
                         <h2 class="card__heading-2">{{ case.description }}</h2>
                         {# Meaningful sequence for accessibility: any text belonging to a heading must be below the heading #}
@@ -66,7 +66,7 @@ <h2 class="card__heading-2">{{ case.description }}</h2>
                             {% else %}
                                 {% list_item "No status" caption=_("Status") compact=True strong=False %}
                             {% endif %}
-                            {% list_item case.identification caption=_("Zaaknummer") compact=True strong=False %}
+                            &zwj;{% list_item case.identification caption=_("Zaaknummer") compact=True strong=False %}
                         {% endrender_list %}
 
                         <span class="link link--icon link--secondary">