🐛 Bug: Transition in the Specification Dropdown is Not Working Properly

[arpitkuriyal]

Describe the bug

The transition effect for expanding and collapsing the Specification dropdown is not working as expected. The animation is not smooth, causing the background color to appear first, followed by a delayed rendering of the content.

Steps To Reproduce

1. Go to "https://json-schema.org/specification"
2. Click on the last dropdown

Expected Behavior

The background color and content should appear simultaneously for a seamless user experience.

Screenshots

Screen.Recording.2025-01-20.at.9.54.30.AM.mov

Device Information [optional]

- OS:
- Browser:
- version:

Are you working on this issue?

Yes

Do you think this work might require an [Architectural Decision Record (ADR)]? (significant or noteworthy)

No

[cbum-dev]

https://github.com/user-attachments/assets/c491e2f8-598a-45d9-b437-ae2c16df44c5
Please recheck it because its working fine on my machine.

[arpitkuriyal]

hello @cbum-dev , it is only for the specification dropdown , other all are working fine you can also notice in your video in that last one , content comes first and background transition come just after that. They need to be simultaneous for seamless user experience.

[Vineet1101]

@arpitkuriyal yup only the last one is having this kind of issue others are working well

[cbum-dev]

hello @cbum-dev , it is only for the specification dropdown , other all are working fine you can also notice in your video in that last one , content comes first and background transition come just after that. They need to be simultaneous for seamless user experience.

Yup, Got it.

[DhairyaMajmudar]

Go ahead @arpitkuriyal