Merge pull request #325 from dev-five-git/webkit-line-clamp

Webkit line clamp

Author: owjs3901

.changeset/sixty-files-swim.md

@@ -0,0 +1,5 @@
+---
+"@devup-ui/wasm": patch
+---
+
+Fix webkit-line-clamp issue

apps/landing/src/app/page.tsx

@@ -84,7 +84,12 @@ export default function HomePage() {
         <VStack alignItems="center" gap="50px" maxW="800px" mx="auto">
           <VStack alignItems="center" gap="24px">
             <Image h="50px" src="/icon.svg" w="52px" />
-            <Text color="$title" textAlign="center" typography="h1">
+            <Text
+              WebkitLineClamp={2}
+              color="$title"
+              textAlign="center"
+              typography="h1"
+            >
               Zero Config, Zero FOUC, Zero Runtime, CSS in JS Preprocessor
             </Text>
             <Text color="$text" textAlign="center" typography="h6Reg">

libs/extractor/src/extract_style/constant.rs

@@ -21,5 +21,5 @@ pub(super) static MAINTAIN_VALUE_PROPERTIES: phf::Set<&str> = phf_set! {
     "animation-iteration-count",
     "tab-size",
     "moz-tab-size",
-    "webkit-line-clamp"
+    "-webkit-line-clamp"
 };

libs/extractor/src/snapshots/extractor__tests__maintain_value.snap

@@ -16,7 +16,7 @@ ToBTreeSet {
         Static(
             ExtractStaticStyle {
                 property: "-webkit-line-clamp",
-                value: "16px",
+                value: "4",
                 level: 0,
                 selector: None,
                 style_order: None,