Hi,
I'm trying to render responsive sheet music, but when I reduce the screen size down, the tie between bars breaks down and looks like the following.

My question is, how is this normally represented in sheet music and how do I get Vex Flow to render it properly? I've tried googling how this is normally handled but no such luck.
I analyze the detected pitches to determine tempo, notes and key signature. I then jam them into 4/4 bars where notes that go across bars are automatically split into ties.
I am using MusicXML as my intermediate format for rendering as I intend to allow users to export the sheet music. I initially tried using
https://github.com/ringw/vexflow but ran into a few issues (mostly because I was too new to Vex Flow to understand how to use it properly) and ended up writing my own reduced-music-xml renderer (I'm only using a small subset of MusicXML).
Regards,
Mike