Height Calculation Issue in React Tournament Brackets #83
Description
Height Calculation Issue in React Tournament Brackets
Description
The library currently calculates the SVG height based only on the number of matches in the first round.
- If the first round has fewer matches than a full power-of-2 (1, 2, 4, 8, ...), the bracket appears compressed or cut off.
- This causes layout issues for small first rounds or non-power-of-2 participant counts.
Steps to Reproduce
- Use a bracket with 3 or 5 matches in the first round.
- Render with
<GSingleEliminationBracket />. - Observe the bracket height: it looks compressed and connectors may overlap or get cut off.
Expected Behavior
- The bracket height should scale automatically to accommodate all rounds.
- Ideally, the height should consider the next power-of-2 of first-round matches: