cargdev/angular
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(animations): support webkit-based vendor prefixes for prop validations (#19055)

Browse Source 
Closes #18921

PR Close #19055
This commit is contained in:
Matias Niemelä
2017-09-05 10:47:19 -07:00
committed by Jason Aden
parent d8cc09b76c
commit 10771d0bd8
2 changed files with 39 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
packages/animations/browser/src/render/shared.ts
View File

@ -166,12 +166,30 @@ if (typeof Element != 'undefined') {
};
}
function containsVendorPrefix(prop: string): boolean {
// Webkit is the only real popular vendor prefix nowadays
// cc: http://shouldiprefix.com/
return prop.substring(1, 6) == 'ebkit'; // webkit or Webkit
}
let _CACHED_BODY: {style: any}|null = null;
let _IS_WEBKIT = false;
export function validateStyleProperty(prop: string): boolean {
if (!_CACHED_BODY) {
_CACHED_BODY = getBodyNode() || {};
_IS_WEBKIT = _CACHED_BODY !.style ? ('WebkitAppearance' in _CACHED_BODY !.style) : false;
}
return _CACHED_BODY !.style ? prop in _CACHED_BODY !.style : true;
let result = true;
if (_CACHED_BODY !.style && !containsVendorPrefix(prop)) {
result = prop in _CACHED_BODY !.style;
if (!result && _IS_WEBKIT) {
const camelProp = 'Webkit' + prop.charAt(0).toUpperCase() + prop.substr(1);
result = camelProp in _CACHED_BODY !.style;
}
}
return result;
}
export function getBodyNode(): any|null {