Automattic / Automattic/Iris

Setting to close Iris when you click off of it

Open
#24 0 comments 2 reactions 0 assignees View on GitHub
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 -
![iris-fail](https://f.cloud.github.com/assets/2970255/1437512/e7cd2536-416e-11e3-9d3c-4b1851dca66f.png)

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.