Fix webkit‑cased property descriptors

Author: ExE-Boss

lib/CSSStyleDeclaration-impl.js

@@ -244,6 +244,13 @@ allExtraProperties.forEach(function(property) {
       cssPropertyToIDLAttribute(property),
       declaration
     );
+    if (property.startsWith('-webkit-')) {
+      Object.defineProperty(
+        CSSStyleDeclarationImpl.prototype,
+        cssPropertyToIDLAttribute(property, /* lowercaseFirst = */ true),
+        declaration
+      );
+    }
   }
 });
 

scripts/generate_properties.js

@@ -8,7 +8,7 @@ var generate = require('babel-generator').default;
 var traverse = require('babel-traverse').default;
 var resolve = require('resolve');
 
-var { idlAttributeToCSSProperty } = require('../lib/parsers');
+var { idlAttributeToCSSProperty, cssPropertyToIDLAttribute } = require('../lib/parsers');
 
 var basename = path.basename;
 var dirname = path.dirname;
@@ -56,12 +56,17 @@ function isRequire(node, filename) {
   }
 }
 
+const webkitPropertyName = /^webkit[A-Z]/;
+
 // step 1: parse all files and figure out their dependencies
 var parsedFilesByPath = {};
 property_files.map(function(property) {
   var filename = path.resolve(__dirname, '../lib/properties/' + property);
   var src = fs.readFileSync(filename, 'utf8');
   property = basename(property, '.js');
+  if (webkitPropertyName.test(property)) {
+    property = property[0].toUpperCase() + property.substring(1);
+  }
   var ast = babylon.parse(src);
   var dependencies = [];
   traverse(ast, {
@@ -261,6 +266,14 @@ parsedFiles.forEach(function(file) {
       t.identifier(file.property + '_export_definition')
     )
   );
+  if (dashed.startsWith('-webkit-')) {
+    propertyDefinitions.push(
+      t.objectProperty(
+        t.identifier(cssPropertyToIDLAttribute(dashed, /* lowercaseFirst = */ true)),
+        t.identifier(file.property + '_export_definition')
+      )
+    );
+  }
   if (file.property !== dashed) {
     propertyDefinitions.push(
       t.objectProperty(t.stringLiteral(dashed), t.identifier(file.property + '_export_definition'))