Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix(expandable): glitching animated expansion #151

Merged
merged 2 commits into from
Sep 28, 2022

Conversation

stoyle
Copy link
Contributor

@stoyle stoyle commented Sep 22, 2022

fd69c9a removed base styles which is needed when using element-collapse. Basically not have a overflow: hidden and height: 0px, makes it have default values causing the glitching effect.

However when in default expanded mode, these styles must not be there.

Closes
fabric-ds/issues#108
#144

If there is a simpler solution, please apply it! 😁 At least this does seem to work.

fabric-ds@fd69c9a
removed base styles which is needed when using element-collapse. Basically
not have a `overflow: hidden` and `height: 0px`, makes it have default values
causing the glitching effect.

However when in default expanded mode, these styles must not be there.

Closes
fabric-ds/issues#108
fabric-ds#144
Copy link
Contributor

@BalbinaK BalbinaK left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thanks so much for fixing it! 🎉

Copy link
Collaborator

@digitalsadhu digitalsadhu left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I've added a comment suggestion, if you think it could be improved, feel free. In any case once that line is commented we can go ahead and merge this I think.

packages/_helpers/expand-transition.tsx Show resolved Hide resolved
Co-authored-by: Richard Walker <digitalsadhu@gmail.com>
@BalbinaK BalbinaK changed the title Fix glitching animated expansion Fix(expandable): glitching animated expansion Sep 28, 2022
@BalbinaK BalbinaK merged commit 987e648 into fabric-ds:next Sep 28, 2022
BalbinaK added a commit that referenced this pull request Sep 28, 2022
BalbinaK added a commit that referenced this pull request Sep 28, 2022
BalbinaK added a commit that referenced this pull request Sep 28, 2022
github-actions bot pushed a commit that referenced this pull request Sep 28, 2022
## [1.4.2-next.2](v1.4.2-next.1...v1.4.2-next.2) (2022-09-28)

### Reverts

* Revert "Fix(expandable): glitching animated expansion (#151)" (#154) ([d805741](d805741)), closes [#151](#151) [#154](#154)
@github-actions
Copy link
Contributor

🎉 This PR is included in version 1.4.2-next.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

github-actions bot pushed a commit that referenced this pull request Sep 28, 2022
## [1.4.2-next.3](v1.4.2-next.2...v1.4.2-next.3) (2022-09-28)

### Reverts

* Revert "Revert "Fix(expandable): glitching animated expansion (#151)" (#154)" ([2ac7b0e](2ac7b0e)), closes [#151](#151) [#154](#154)
@github-actions
Copy link
Contributor

🎉 This PR is included in version 1.4.2 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants