From 0a866a3e2ad479e7f130414b5d8a292957bf2a35 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 4f5af82fba..07ad9d7bae 100644
--- a/src/open_inwoner/scss/views/_view.scss
+++ b/src/open_inwoner/scss/views/_view.scss
@@ -62,4 +62,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 1db059c0aa..7874c0ea94 100644
--- a/src/open_inwoner/templates/pages/cases/list_inner.html
+++ b/src/open_inwoner/templates/pages/cases/list_inner.html
@@ -63,7 +63,7 @@ <h2 class="card__heading-2">{{ case.naam }}</h2>
             {# other aanvragen #}
             {% 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 #}
@@ -78,7 +78,7 @@ <h2 class="card__heading-2">{{ case.description }}</h2>
                             {% else %}
                                 {% list_item case.current_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">