From: Ardis Lu <ardisglu@gmail.com>
Date: Tue, 25 Apr 2023 02:25:40 +0000 (-0700)
Subject: Break long line
X-Git-Url: https://git.ardis.lu/?a=commitdiff_plain;h=28115e9288ff4a62d532dcd3712f012b8ca11116;p=css-for-line-clamp-ellipsis

Break long line
---

diff --git a/index.html b/index.html
index e467224..ed5b6be 100644
--- a/index.html
+++ b/index.html
@@ -214,7 +214,9 @@ function getLineHeightInPx(elem) {
 }
 
 const elem = document.querySelector('.dynamic-line-clamp');
-new ResizeObserver(_ => elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)))).observe(elem);</pre>
+new ResizeObserver(_ => {
+  elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)));
+}).observe(elem);</pre>
       <p>Try adjusting the height:</p>
       <div class="height-resizable-container">
         <p id="basic-observer" class="dynamic-line-clamp height-resizable">
@@ -346,7 +348,9 @@ new ResizeObserver(debounce(() => {
     }
 
     const elem = document.querySelector('#basic-observer');
-    new ResizeObserver(_ => elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)))).observe(elem);
+    new ResizeObserver(_ => {
+      elem.style.setProperty('--lines', Math.floor(elem.clientHeight / getLineHeightInPx(elem)));
+    }).observe(elem);
 
     const elem2 = document.querySelector('#full-observer');
     new ResizeObserver(debounce(() => {