Support contentEditable

• downshift version: 1.29.1

What you did: I tried using Downshift using a contenteditable div element instead of an input element.

What happened: It doesn’t show the autocomplete list. (Expected, since there is getInputProps but not something like getContentEditableProps)

Reproduction repository: https://codesandbox.io/s/67y5xk23r

Problem description: I’d love to use Downshift in a scenario where I need to use contenteditable, but getInputProps won’t work since is probably meant to be used for input elements only as the name suggests.

Suggested solution: Add getContentEditableProps function (or something similar) to the render function props. It would return props/event handlers specific to <div contentEditable /> so it can be used with Downshift.

[matt-erhart]

Here’s some code I used to learn how to combine downshift and slate (like draftjs). It’s a crappy figure stuff out script, but some might find it helpful: https://codesandbox.io/s/1qj5918w5l

[kentcdodds]

Technically we already support contentEditable, the user just has to do all the work. An example integration with Draft.js would be very cool, but I don’t think we’ll build in first class support.

I’m glad you got your stuff working. Best of luck to you!