I was trying to force the label to be wider, but couldn't get it to work using
html`<span style="white-space: nowrap; display:block; ">this is a long label that I don't want to wrap or cut off</span>`
But that didn't work. Any suggestions? I realize we want to have the inputs be nicely lined up, but in one-off cases, I would love to be able to have a longer label without wrapping.
Unfortunately this does not allow resubmission of the same string. A workaround of `submit: html\`<button>Submit</button>\`` works, but nests a new button within the existing submit button.
I had problems getting pattern validation to trigger without a submit button in realtime. I fixed it with the following
```js
{
const input = viewof myText.querySelector("input");
const report = () => viewof myText.reportValidity();
input.addEventListener("input", report);
invalidation.then(() => input.removeEventListener("input", report));
}
```