javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(animation): better feature detection (#19212)

Browse Source 
fixes #19205
This commit is contained in:
Liam DeBeasi
2019-08-28 13:20:54 -04:00
committed by GitHub
parent 93f2064927
commit 6eca5b0d7f
8 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
core/src/components/nav/test/nav-controller.spec.ts
View File

@ -926,7 +926,7 @@ describe('NavController', () => {
const MockView5 = 'mock-view5';
const mockWebAnimation = (el: HTMLElement) => {
window.Animation = () => {};
Element.prototype.animate = () => {};
el.animate = () => {
const animation = {

2
core/src/utils/animation/animation.ts
View File

@ -42,7 +42,7 @@ export const createAnimation = () => {
const _afterAddReadFunctions: any[] = [];
const _afterAddWriteFunctions: any[] = [];
const webAnimations: any[] = [];
const supportsWebAnimations = (typeof (window as any).Animation === 'function');
const supportsWebAnimations = (typeof (Element as any) === 'function') && (typeof (Element as any).prototype!.animate === 'function');
const ANIMATION_END_FALLBACK_PADDING_MS = 100;
/**

2
core/src/utils/animation/test/animationbuilder/index.html
View File

@ -12,7 +12,7 @@
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script> <script>
const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
if (forceCSSAnimations) {
window.Animation = null;
Element.prototype.animate = null;
}
class PageRoot extends HTMLElement {

2
core/src/utils/animation/test/basic/index.html
View File

@ -14,7 +14,7 @@
<script type="module">
const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
if (forceCSSAnimations) {
window.Animation = null;
Element.prototype.animate = null;
}
import { createAnimation } from '../../../../dist/index.mjs';

2
core/src/utils/animation/test/display/index.html
View File

@ -14,7 +14,7 @@
<script type="module">
const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
if (forceCSSAnimations) {
window.Animation = null;
Element.prototype.animate = null;
}
import { createAnimation } from '../../../../dist/index.mjs';

2
core/src/utils/animation/test/hooks/index.html
View File

@ -14,7 +14,7 @@
<script type="module">
const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
if (forceCSSAnimations) {
window.Animation = null;
Element.prototype.animate = null;
}
import { createAnimation } from '../../../../dist/index.mjs';

2
core/src/utils/animation/test/multiple/index.html
View File

@ -14,7 +14,7 @@
<script type="module">
const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
if (forceCSSAnimations) {
window.Animation = null;
Element.prototype.animate = null;
}
import { createAnimation } from '../../../../dist/index.mjs';

5
core/src/utils/animation/test/reuse/index.html
View File

@ -12,7 +12,10 @@
<script nomodule src="../../../../../dist/ionic/ionic.js"></script>
<script type="module" src="../../../../../dist/ionic/ionic.esm.js"></script>
<script type="module">
window.Animation = null;
const forceCSSAnimations = new URLSearchParams(window.location.search).get('ionic:_forceCSSAnimations');
if (forceCSSAnimations) {
Element.prototype.animate = null;
}
import { createAnimation } from '../../../../dist/index.mjs';