auto-animate; don't scale between text blocks

This commit is contained in:
Hakim El Hattab 2020-02-06 14:53:45 +01:00
parent e5ba80478d
commit c64206180d
1 changed files with 26 additions and 10 deletions

View File

@ -204,12 +204,12 @@
autoAnimateStyles: [
{ property: 'opacity' },
{ property: 'color' },
{ property: 'backgroundColor' },
{ property: 'padding', defaultValue: 'computed' },
{ property: 'font-size', defaultValue: 'computed' },
{ property: 'line-height', defaultValue: 'computed' },
{ property: 'letter-spacing', defaultValue: 'computed' },
{ property: 'border-width', defaultValue: 'computed' },
{ property: 'background-color' },
{ property: 'padding' },
{ property: 'font-size' },
{ property: 'line-height' },
{ property: 'letter-spacing' },
{ property: 'border-width' },
{ property: 'border-color' },
{ property: 'border-top-left-radius' },
{ property: 'border-top-right-radius' },
@ -3979,7 +3979,7 @@
else {
value = element.style[style.property];
if( value === '' && style.defaultValue === 'computed' ) {
if( value === '' ) {
computedStyles = computedStyles || window.getComputedStyle( element );
value = computedStyles[style.property];
}
@ -4048,18 +4048,21 @@
};
var textNodes = 'h1, h2, h3, h4, h5, h6, p, li, span';
var mediaNodes = 'img, video, iframe';
// Eplicit matches via data-id
findMatches( '[data-id]', function( node ) {
return node.nodeName + ':::' + node.getAttribute( 'data-id' );
} );
// Text
findMatches( 'h1, h2, h3, h4, h5, h6, p, li, span', function( node ) {
findMatches( textNodes, function( node ) {
return node.nodeName + ':::' + node.innerText;
} );
}, null );
// Media
findMatches( 'img, video, iframe', function( node ) {
findMatches( mediaNodes, function( node ) {
return node.nodeName + ':::' + ( node.getAttribute( 'src' ) || node.getAttribute( 'data-src' ) );
} );
@ -4070,6 +4073,19 @@
return element.parentNode;
} );
pairs.forEach( function( pair ) {
var fromElement = pair[0];
var matchesMethod = fromElement.matches || fromElement.matchesSelector || fromElement.msMatchesSelector;
// Disable scale transformations on text nodes, we transiition
// each individual text property instead
if( matchesMethod.call( fromElement, textNodes ) ) {
pair[2] = { scale: false };
}
} );
return pairs;
}