Add using registerProperty

- Register the syntax of "--spatial-navigation-contain'
frivoal · Jul 1, 2018 · d794e28 · d794e28
1 parent ec29009
commit d794e28
Showing 1 changed file with 14 additions and 0 deletions.
diff --git a/polyfill/spatnav-api.js b/polyfill/spatnav-api.js
@@ -19,6 +19,20 @@
     this._options = options;
   }
 
+  /**
+  * CSS.registerProperty() from the Properties and Values API
+  * Reference: https://drafts.css-houdini.org/css-properties-values-api/#the-registerproperty-function
+  */
+  if (window.CSS && CSS.registerProperty) {
+    console.log("registerProperty is available");
+    CSS.registerProperty({
+      name: '--spatial-navigation-contain',
+      syntax: 'auto | contain',
+      inherits: false,
+      initialValue: 'auto'
+    });
+  }
+
   /**
   * Gives a CSS custom property value applied at the element
   * @function