expandToWidest doesn't work

[lihongyao]

Hello, when calling renderAbc, I specified the target container element's width as 772px, and the SVG width is also set to 772px. However, the rendered width of the g.abcjs-staff-wrapper abcjs-l0element is only 242px (please refer to the image below). I expected it to fill the container completely. I set the expandToWidest property to true, but it doesn't seem to work."

[seisiuneer]

Do you have an example of the ABC you're using for your test case?

I use expandToWidest all the time and it's working fine for me, but your rendering environment may be different than mine.

[fxpar]

@lihongyao Maybe add %%stretchlast in your abc string, because your example doesn't have many notes, and the max-space between notes will be applied to avoid too much space between them.

X:7
T:E lydian
T:1P 2M 3M 4A 5P 6M 7M
K:C
L:1/4
%%stretchlast
|E|^F|^G|^A|B|^c|^d|e|

I am sure you can also apply this Midi Option inside the renderoption of abcjs, but I am not sure how. Sorry.

[seisiuneer]

I agree, even a shorter ABC will work if you add %%stretchlast true to the ABC:

X:7
T:E lydian
T:1P 2M 3M 4A 5P 6M 7M
K:C
L:1/4
%%stretchlast true
E|^F|^G|

In my tool: