Merge pull request #286 from renbaoshuo/scroll-snap

feat: add `scroll-snap` prefix support
thysultan · Mar 19, 2022 · 66582ef · 66582ef
2 parents fbda346 + c60d3ca
commit 66582ef
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/Prefixer.js b/src/Prefixer.js
@@ -113,6 +113,12 @@ export function prefix (value, length) {
 			}
 
 			return WEBKIT + value + MS + value + value
+		// scroll-snap-type
+		case 2903:
+			return WEBKIT + value + MS + value + value
+		// scroll-margin, scroll-margin-(top|right|bottom|left)
+		case 5719: case 2647: case 2135: case 3927: case 2391:
+			return replace(value, 'scroll-', 'scroll-snap-') + value
 	}
 
 	return value

diff --git a/test/Prefixer.js b/test/Prefixer.js
@@ -186,4 +186,13 @@ describe('Prefixer', () => {
 			`animation-timing-function:cubic-bezier(0.1,0.7,1.0,0.1);`
 		].join(''))
 	})
+
+	test('scroll-snap', () => {
+		expect(prefix(`scroll-snap-type:none;`, 16)).to.equal([`-webkit-scroll-snap-type:none;`, `-ms-scroll-snap-type:none;`, `scroll-snap-type:none;`].join(''))
+		expect(prefix(`scroll-margin:0;`, 13)).to.equal([`scroll-snap-margin:0;`, `scroll-margin:0;`].join(''))
+		expect(prefix(`scroll-margin-top:0;`, 17)).to.equal([`scroll-snap-margin-top:0;`, `scroll-margin-top:0;`].join(''))
+		expect(prefix(`scroll-margin-right:0;`, 19)).to.equal([`scroll-snap-margin-right:0;`, `scroll-margin-right:0;`].join(''))
+		expect(prefix(`scroll-margin-bottom:0;`, 20)).to.equal([`scroll-snap-margin-bottom:0;`, `scroll-margin-bottom:0;`].join(''))
+		expect(prefix(`scroll-margin-left:0;`, 18)).to.equal([`scroll-snap-margin-left:0;`, `scroll-margin-left:0;`].join(''))
+	})
 })