external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-14 17:49:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixing animation bugs

Browse Source
This commit is contained in:
Jake Archibald
2018-10-27 14:40:52 +01:00
parent ac4f845d8e
commit c8e0c56687
2 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/compress/custom-els/MultiPanel/index.ts
View File

@@ -22,6 +22,9 @@ async function close(content: HTMLElement) {
content.removeAttribute('expanded');
content.setAttribute('aria-expanded', 'false');
// Wait a microtask so other calls to open/close can get the final sizes.
await null;
await transitionHeight(content, {
from,
to: 0,
@@ -37,8 +40,13 @@ async function open(content: HTMLElement) {
content.setAttribute('expanded', '');
content.setAttribute('aria-expanded', 'true');
const to = content.getBoundingClientRect().height;
// Wait a microtask so other calls to open/close can get the final sizes.
await null;
await transitionHeight(content, {
from,
from, to,
duration: 300,
});