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

fix(backdrop): use raf when adding/removing disable-scroll css

Browse Source
This commit is contained in:
Adam Bradley
2016-07-01 01:08:48 -05:00
parent 656426672c
commit 941cb1d196
1 changed files with 17 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/backdrop/backdrop.ts
View File

@ -1,5 +1,7 @@
import {Directive, ViewEncapsulation, HostListener, ElementRef, Input} from '@angular/core'; import { Directive, ElementRef, Input } from '@angular/core';
import {isTrueProperty} from '../../util/util';
import { isTrueProperty} from '../../util/util';
import { nativeRaf} from '../../util/dom';
const DISABLE_SCROLL = 'disable-scroll'; const DISABLE_SCROLL = 'disable-scroll';
@ -19,23 +21,24 @@ export class Backdrop {
private static push() { private static push() {
if (this.nuBackDrops === 0) { if (this.nuBackDrops === 0) {
nativeRaf(() => {
console.debug('adding .disable-scroll to body'); console.debug('adding .disable-scroll to body');
document.body.classList.add(DISABLE_SCROLL); document.body.classList.add(DISABLE_SCROLL);
} else { });
console.warn('several backdrops on screen? probably a bug');
} }
this.nuBackDrops++; this.nuBackDrops++;
} }
private static pop() { private static pop() {
if (this.nuBackDrops === 0) { if (this.nuBackDrops > 0) {
console.error('pop requires a push');
return;
}
this.nuBackDrops--; this.nuBackDrops--;
if (this.nuBackDrops === 0) { if (this.nuBackDrops === 0) {
nativeRaf(() => {
console.debug('removing .disable-scroll from body'); console.debug('removing .disable-scroll from body');
document.body.classList.remove(DISABLE_SCROLL); document.body.classList.remove(DISABLE_SCROLL);
});
}
} }
} }