Mike Bostock

Lightweight interface components for exploring data and building interactive displays

Observable

Observable Inputs

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));
}
```

Tom Larkworthy

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.

Max Bo

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.

Cobus Theunissen

That’s not currently supported, but you can file a feature request over in the repo.