Animation not working when accordion is in iframe
Nobody has claimed this yet.
Assessment
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Newbie friendliness
- 25/100
- Issue type
- Bug
- Clarity
- Needs clarification
- Activity status
- Stale
- Tech stack
- react, typescript
- Domain
- frontend
Research direction
Reproduce the accordion behavior both inside and outside an iframe, then inspect the rendered height styles in Chrome as described. Trace the animation entry point in rc-collapse to determine why the initial height is skipped; done means opening and closing inside an iframe animates as it does outside one.
Written by the indexing model from the issue text.
Description
I have a situation where we used your rc-collapse in our web app and in development it worked great. For some reasons we need to put it in iframe, and after we did it animation stopped working.
Accordion is still opening and closing tho, but without animation. It seems to me that it doesn't set the initial height (by inspecting it in Chrome), only final height. For example: when I want to open it first time, it only sets height: 200px. But without iframe, it correctly sets first 0px and 200px after that, so animation works.
Do you know why this might be happening?
- Dominant language
- TypeScript
- Stars
- 332
- Forks
- 140
- Avg merge
- 22h 19m
- Merged PRs (30d)
- 1
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from react-component/collapse
-
Difficulty 1/5 Under an hour Newbie friendliness 78/100
react-component/collapse#203 · 1 comment ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 35/100
react-component/collapse#345 ·
-
Difficulty 1/5 Under an hour Newbie friendliness 35/100
react-component/collapse#304 ·
-
Difficulty 3/5 1-2 days Newbie friendliness 20/100
react-component/collapse#234 ·
-
Is rc-motion slower? Open
Difficulty 4/5 3-5 days Newbie friendliness 30/100
react-component/collapse#182 ·
All issues in react-component/collapse
Similar issues
-
clawsweeper:linked-pr-open clawsweeper:no-new-fix-pr clawsweeper:source-repro impact:message-loss issue-rating: 🦞 diamond lobster maturity:stable P2
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
-
Difficulty 2/5 1-3 hours Newbie friendliness 84/100
Eynzof/Hermes-CN-Desktop#616 ·
-
ZCode 3.14.3 に対応する Open
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
supermomonga/zcode-acp#24 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
growthbook/growthbook#7100 ·
-
triage
Difficulty 1/5 1-3 hours Newbie friendliness 88/100