Add hack for -webkit-line-clamp

postcss · Jul 5, 2019 · 69ed8a0 · 69ed8a0
1 parent 4c7f00f
commit 69ed8a0
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 0 deletions.
diff --git a/lib/processor.js b/lib/processor.js
@@ -450,6 +450,11 @@ class Processor {
           notHack = true
         }
 
+        if (decl.prop === '-webkit-box-orient') {
+          let hacks = { 'flex-direction': true, 'flex-flow': true }
+          if (!decl.parent.some(j => hacks[j.prop])) return
+        }
+
         if (notHack && !this.withHackValue(decl)) {
           if (decl.raw('before').indexOf('\n') > -1) {
             this.reduceSpaces(decl)

diff --git a/test/autoprefixer.test.js b/test/autoprefixer.test.js
@@ -811,4 +811,11 @@ describe('hacks', () => {
         'to text-decoration-skip-ink: auto, because spec had been changed'
       ])
   })
+
+  it('supports -webkit-line-clamp', () => {
+    let input = read('webkit-line-clamp')
+    let result = postcss([cleaner]).process(input)
+    expect(result.css).toEqual(input)
+    expect(result.warnings()).toHaveLength(0)
+  })
 })
diff --git a/test/cases/webkit-line-clamp.css b/test/cases/webkit-line-clamp.css
@@ -0,0 +1,7 @@
+.limit-text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}