Region Text Bounds

[Lowgy]

Is there a way to confine the region text to not extend outside of the region when resizing to a smaller duration?

[katspaugh]

You can contain it with one or all of these custom styles:

      #your-container ::part(region) {
        overflow: auto;
        hyphens: auto;
        word-break: break-word;
      }

See https://wavesurfer.xyz/examples/?styling.js

[Lowgy]

Is there a way to have like a text limit with in the region?

[katspaugh]

You can do content.slice(0, LIMIT) in your code.