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

Custom select elements & more form work

Browse Source
This commit is contained in:
Jake Archibald
2018-10-18 08:17:39 +01:00
parent 2138154ec5
commit 91d165cab9
9 changed files with 119 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/expander/index.tsx
View File

@@ -55,14 +55,16 @@ export default class Expander extends Component<Props, State> {
// Set the currently rendered height absolutely.
this.el!.style.height = this.lastElHeight + 'px';
this.el!.style.transition = '';
this.el!.style.overflow = 'hidden';
// Force a style calc so the browser picks up the start value.
getComputedStyle(this.el!).height;
// Animate to the new height.
this.el!.style.height = newHeight + 'px';
const listener = () => {
// Unset the height, so element changes do the right thing.
// Unset the height & overflow, so element changes do the right thing.
this.el!.style.height = '';
this.el!.style.overflow = '';
this.el!.removeEventListener('transitionend', listener);
this.el!.removeEventListener('transitioncancel', listener);
if (this.state.outgoingChildren[0]) {