Add steps to SafeStyle list of allowed functions

https://w3c.github.io/csswg-drafts/css-easing/#funcdef-step-easing-function-steps RELNOTES: Add steps to SafeStyle list of allowed functions PiperOrigin-RevId: 482386586 Change-Id: I3dc1ca86cf5f0493c41f96495b212f3dfe72f94a
google · Oct 20, 2022 · 9d668cd · 9d668cd
1 parent a6c1483
commit 9d668cd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/closure/goog/html/safestyle.js b/closure/goog/html/safestyle.js
@@ -523,6 +523,7 @@ const ALLOWED_FUNCTIONS = [
   'rgb',
   'rgba',
   '(rotate|scale|translate)(X|Y|Z|3d)?',
+  'steps',
   'var',
 ];
 

diff --git a/closure/goog/html/safestyle_test.js b/closure/goog/html/safestyle_test.js
@@ -137,6 +137,12 @@ testSuite({
         {'grid-template-columns': 'repeat(3, [start] 100px [end])'});
   },
 
+  testCreate_allowsSteps() {
+    assertCreateEquals(
+        'animation-timing-function:steps(2, start);',
+        {'animation-timing-function': 'steps(2, start)'});
+  },
+
   testCreate_allowsCubicBezier() {
     assertCreateEquals(
         'transition-timing-function:cubic-bezier(0.26, 0.86, 0.44, 0.95);',