Layout issues on notes examples

[Danielku15]

Your environment

• Version used: develop
• Platform used: JavaScript
• Rendering engine used: SVG
• Browser Name and Version: Chorme 86.0.4240.198
• Operating System and version (desktop or mobile): Desktop
• Link to your project: https://www.alphatab.net/docs/showcase/music-notation#notes-rests-and-beams

Expected Results

Notes should never exceed the available bar range and accidentals must not overlap notes.

Observed Results

Notes do overlap

See https://www.alphatab.net/docs/showcase/music-notation/#notes-rests-and-beams

Steps to Reproduce (for bugs)

1. Open https://www.alphatab.net/docs/showcase/music-notation/#notes-rests-and-beams

Possible Solution

There must still be some hidden issue in the space calculation which was reworked in 1.1. From the available space it is hard to judge if an overlap of accidentals cannot be avoided. To still have the right timing accidentals might need to shift into notes, but we should rather never exceed the bar than avoiding overlaps. Comparing alphaTab with Guitar Pro it really seems to be the case that more space is needed than there is available: