Add an input placeholder "Tap here to type" on touchscreen devices #51
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Fixes #49
On touchscreen devices, if you blur focus from the primary input, it can be hard to figure out how to bring the keyboard back up. ("What's that > thing?")
So, on touchscreen devices, we'll add input placeholder text, "Tap here to type" and use CSS to hide that placeholder text if the input is currently focused.
![Simulator Screen Shot - iPod touch (7th generation) - 2021-11-23 at 19 45 19](https://user-images.githubusercontent.com/96150/143171302-a15b3b67-9a27-4961-a785-7b98c0eb794d.png)
![Simulator Screen Shot - iPod touch (7th generation) - 2021-11-23 at 19 45 26](https://user-images.githubusercontent.com/96150/143171304-0d5ce222-9641-475e-833a-89d0cd156b56.png)