Setting to close Iris when you click off of it
- Dominant language
- JavaScript
- Stars
- 259
- Forks
- 67
- PR merge metrics
- No merged PRs in 30d
Description
I'm trying to use Iris for multiple text inputs on a page. However, whenever you open an instance of Iris, it does not close.
In this example - http://jsfiddle.net/sFnsB/1/ - you can see that there are 2x text inputs. I've styled Iris so it displays absolutely on top of the form (another feature I'd love to see out of the box), but as you'll see, it's pretty much impossible for me to use Iris in this scenario.
It would be great to have a 'close when you click away' setting for Iris. Or even an setting to add a close button, if desired.
Here is an image showing the current impracticalities of using Iris for my scenario -

Contributor guide
No contributing guide indexed for this repository
Research direction
Start by reproducing the two-input case in the linked JSFiddle and review how an Iris instance remains open after another input is selected. Define whether clicking outside should close the picker, or whether an optional close button is preferred, then verify that multiple Iris instances can be used without leaving one open.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100