Describe the current behavior

There is one foreign object per text box

Describe the expected behavior

Have one single foreign object for all the text boxes.
Each text box would then be positioned with styling, something like

<div style="position: absolute; top: 100px; left: 50px">

Describe the motivation

A less verbose SVG + maybe some improvement for rendering time?

Extra Information

No response