diff --git a/package-lock.json b/package-lock.json index 384248a48..ce8ea0520 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,6 +1,6 @@ { "name": "@dabapps/roe", - "version": "0.9.23", + "version": "0.9.24", "lockfileVersion": 1, "requires": true, "dependencies": { diff --git a/package.json b/package.json index 3efc15c67..a36cc29c9 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@dabapps/roe", - "version": "0.9.23", + "version": "0.9.24", "description": "A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.", "main": "dist/js/index.js", "types": "dist/js/index.d.ts", diff --git a/src/ts/components/misc/collapse.tsx b/src/ts/components/misc/collapse.tsx index 3d9de2bc3..c75cb5a7f 100644 --- a/src/ts/components/misc/collapse.tsx +++ b/src/ts/components/misc/collapse.tsx @@ -151,7 +151,7 @@ export class Collapse extends PureComponent { minHeight, maxHeight: opened ? null : height, position: 'relative' as 'relative', - overflow: 'hidden' as 'hidden', + overflow: (!opened ? 'hidden' : 'initial') as 'hidden' | 'initial', transition: `ease-in-out ${animationDuration}ms max-height`, }; diff --git a/tests/__snapshots__/collapse.tsx.snap b/tests/__snapshots__/collapse.tsx.snap index 0de221839..94c72f0e1 100644 --- a/tests/__snapshots__/collapse.tsx.snap +++ b/tests/__snapshots__/collapse.tsx.snap @@ -72,7 +72,7 @@ exports[`Collapse should close to custom height 1`] = ` Object { "maxHeight": null, "minHeight": null, - "overflow": "hidden", + "overflow": "initial", "position": "relative", "transition": "ease-in-out 200ms max-height", } @@ -200,7 +200,7 @@ exports[`Collapse should close to default height 1`] = ` Object { "maxHeight": null, "minHeight": null, - "overflow": "hidden", + "overflow": "initial", "position": "relative", "transition": "ease-in-out 200ms max-height", } @@ -336,7 +336,7 @@ exports[`Collapse should match snapshot when expanded 1`] = ` Object { "maxHeight": null, "minHeight": null, - "overflow": "hidden", + "overflow": "initial", "position": "relative", "transition": "ease-in-out 200ms max-height", } @@ -554,7 +554,7 @@ exports[`Collapse should open from custom height 4`] = ` Object { "maxHeight": null, "minHeight": null, - "overflow": "hidden", + "overflow": "initial", "position": "relative", "transition": "ease-in-out 200ms max-height", } @@ -679,7 +679,7 @@ exports[`Collapse should open from default height 4`] = ` Object { "maxHeight": null, "minHeight": null, - "overflow": "hidden", + "overflow": "initial", "position": "relative", "transition": "ease-in-out 200ms max-height", }