Lightweight interface components for exploring data and building interactive displays

Mike Bostock

Observable

Hello, Inputs!

Button Input / Observable Inputs

Toggle Input / Observable Inputs

Checkbox Input / Observable Inputs

Date Input / Observable Inputs

Radio Input / Observable Inputs

Range Input / Observable Inputs

Select Input / Observable Inputs

Text Input / Observable Inputs

Textarea Input / Observable Inputs

Color Input / Observable Inputs

File Input / Observable Inputs

Table Input / Observable Inputs

Search Input / Observable Inputs

Synchronized Inputs

Legacy Inputs

Form Input / Observable Inputs

Observable Inputs

Chrome displays its warning below the cell, so there might be a z-index problem here.

David Kirkby

Unfortunately this is a limitation in how Chrome chose to implement validation messages (using HTML instead of native elements), and it’s not fixable by us because the content must live in a sandboxed iframe on Observable. This is not an issue with other browsers, and also isn’t a problem if the cell is unpinned.

For me (Chrome) the variable "essay" is evaluated to "" BEFORE the submit button is pressed.

Tom Larkworthy

I’m not able to reproduce this issue, but please file a bug in the repo if you’re still seeing it. Thanks! https://github.com/observablehq/inputs

filed https://github.com/observablehq/inputs/issues/156 with repro

How to increase row to a large number. I want to set row: 20 but it seems that I cannot have more than 11 rows without introducing the scrollbar.