CSSStyleDeclaration about creepjs HOT 7 CLOSED

disregarding https://developer.mozilla.org/en-US/docs/Web/API/Element/computedStyleMap
https://developers.google.com/web/updates/2018/03/cssom

from creepjs.

Interesting find in Chrome:

• HTMLElement.style and CSSRuleList.style only reveal alias attributes via the for...in loop. But, named attributes are valid on the CSSStyleDeclaration object:. For example, zIndex is returned via the for...in loop and not z-index, but 'z-index' in obj is true and obj['z-index'] returns a valid result "" instead of undefined. "The in operator returns true if the specified property is in the specified object or its prototype chain." - MDN

from creepjs.

//returns the prototype
Object.getOwnPropertyNames(Object.getPrototypeOf(document.body.style))

from creepjs.

d2c1ffc fixes Chrome and gives balanced/accurate readings across all 3 tests

• dropped total keys since it is unnecessary and subject to easy manipulation
• dropped methods and properties from the result to reduce output. Note, FF counts alias and named attributes as properties, so including it in the output is a useful option.

from creepjs.

dbea648:

• preserve order -- entropy evidenced in chrome see 1107088
• sort in a separate check to determine if keys are matching
• identify prototype name -- FF and Chrome differ
• drop CSSRuleList.style argument type check -- not required since I collect all properties and ignore duplicates
• reduce styleVersion code
• improve caniuse helper method to limit errors

from creepjs.

Safari Version 13.0.5 (15608.5.11): getComputedStyles returns an additional 9 keys
https://www.diffchecker.com/eJOL5Dhf

from creepjs.

System Styles #70

from creepjs.