swisspost / design-system

The Swiss Post Design System pattern library for a consistent and accessible user experience across the web platform.
https://design-system.post.ch
Apache License 2.0
105 stars 13 forks source link

Fix the post-collapsible on Chrome #2929

Open alizedebray opened 2 weeks ago

alizedebray commented 2 weeks ago

The post-collapsible seems not to be closing anymore on Chrome (no problem with Safari and Firefox):

Image

It might also just be an issue with the snapshot tests.

Render initially closed collapsibles as closed

Devtools for chrome and firefox show an initial animation on closed collapsibles. It would be good to render closed collapsibles with height: 0 initially.

Image

1px line remains visible in chrome after collapsing

https://github.com/swisspost/design-system/pull/2946#discussion_r1565764980

https://github.com/swisspost/design-system/assets/12294151/7303aa1b-91ea-4ab2-b40b-d540d241bd02

### Tasks
- [ ] Render closed collapsibles without animation
- [ ] Fix the visible line bug in Chrome