Fix safari specific issue with line clamp on description #4348

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;