From 4968864498fd525e90cb9ccf714a6fe975a0cab4 Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Fri, 30 May 2025 17:33:15 -0500
Subject: [PATCH] Fix safari specific issue with line clamp on description
 #4348

---
 client/pages/item/_id/index.vue | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/client/pages/item/_id/index.vue b/client/pages/item/_id/index.vue
index 38152cb1..6042f92a 100644
--- a/client/pages/item/_id/index.vue
+++ b/client/pages/item/_id/index.vue
@@ -819,6 +819,17 @@ export default {
   -webkit-line-clamp: 4;
   max-height: calc(6 * 1lh);
 }
+
+/* Safari-specific fix for the description clamping */
+@supports (-webkit-touch-callout: none) {
+  #item-description {
+    position: relative;
+    display: block;
+    overflow: hidden;
+    max-height: calc(6 * 1lh);
+  }
+}
+
 #item-description.show-full {
   -webkit-line-clamp: unset;
   max-height: 999rem;