fix(components/molecule/accordion): fix accordion in iOS Safari 26.4

[stivaliserna]

Category/Component

❓ Ask

Description, Motivation and Context

Fix accordion rendering issues in iOS Safari ≥26.4 by replacing max-height animations with a grid-based approach (grid-template-rows: 0fr → 1fr).

This avoids known WebKit repaint bugs with overflow: hidden inside scroll containers and ensures correct layout flow (siblings are pushed down properly).

Adds required constraints (min-height: 0 and overflow: hidden) to allow proper collapsing behavior.

Types of changes

• 🪲 Bug fix (non-breaking change which fixes an issue)
• ✨ New feature (non-breaking change which adds functionality)
• 💥 Breaking change (fix or feature that would cause existing functionality to not work as expected)
• 🧾 Documentation
• 📷 Demo
• 🧪 Test
• 🧠 Refactor
• 💄 Styles
• 🛠️ Tool

Screenshots - Animations

Before

safari-bug-1.mov

safari-bug-2.mov

safari-bug-3.mov

After

safari-fix-1.mov

safari-fix-2.mov

safari-fix-3.mov

[github-actions]

	STATEMENTS	BRANCHES	FUNCTIONS	LINES
≍	≍ 0＝	≍ 0.04↑	≍ 0＝	≍ 0＝
%	76.58	63.48	68.31	78.13
ABS	3507 / 4579	2128 / 3352	690 / 1010	3324 / 4254