transitionend not working in Edge 18

This commit is contained in:
djmaze 2020-09-03 17:14:44 +02:00
parent e858685769
commit f90dbcc84b
2 changed files with 9 additions and 11 deletions

View file

@ -88,21 +88,21 @@ Things might work in Edge 18, Firefox 50-62 and Chrome 54-68 due to one polyfill
|----------- |--------: |--------: |
|admin.js |2.130.942 | 958.397 |
|app.js |4.184.455 |2.586.232 |
|boot.js | 671.522 | 6.884 |
|boot.js | 671.522 | 6.782 |
|libs.js | 647.614 | 312.269 |
|polyfills.js | 325.834 | 0 |
|TOTAL |7.960.367 |3.863.782 |
|TOTAL |7.960.367 |3.863.680 |
|js/min/* |1.14.0 |native |gzip 1.14 |gzip |brotli |
|--------------- |--------: |--------: |--------: |--------: |--------: |
|admin.min.js | 252.147 | 130.128 | 73.657 | 37.783 | 32.395 |
|app.min.js | 511.202 | 350.575 |140.462 | 92.070 | 73.949 |
|boot.min.js | 66.007 | 4.141 | 22.567 | 1.869 | 1.557 |
|boot.min.js | 66.007 | 4.081 | 22.567 | 1.837 | 1.538 |
|libs.min.js | 572.545 | 295.776 |176.720 | 91.524 | 80.746 |
|polyfills.min.js | 32.452 | 0 | 11.312 | 0 | 0 |
|TOTAL |1.434.353 | 780.620 |424.718 |223.246 |188.642 |
|TOTAL |1.434.353 | 780.560 |424.718 |223.214 |188.628 |
653.733 bytes (201.472 gzip) is not much, but it feels faster.
653.793 bytes (201.504 gzip) is not much, but it feels faster.
### CSS changes

View file

@ -88,13 +88,11 @@ const
set: percent => setPercentWidth(percent),
end: () => {
if (container) {
progress.addEventListener('transitionend', () => {
if (container) {
container.hidden = true;
setTimeout(() => {container.remove();container=null;}, 200);
}
}, false);
setPercentWidth(100);
setTimeout(() => {
container.remove();
container = progress = null;
}, 600);
}
}
};