From 28115e9288ff4a62d532dcd3712f012b8ca11116 Mon Sep 17 00:00:00 2001
From: Ardis Lu <ardisglu@gmail.com>
Date: Mon, 24 Apr 2023 19:25:40 -0700
Subject: [PATCH] Break long line

---
 index.html | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

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(() => {
-- 
2.47.3