[#2665] Fix phone-parsing safari

maykinmedia · Aug 22, 2024 · b7c6a77 · b7c6a77
1 parent 24881d7
commit b7c6a77
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git 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
@@ -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">