{"action":"created","issue":{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/565","repository_url":"https://api.github.com/repos/elegantthemes/Divi-Beta","labels_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/565/labels{/name}","comments_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/565/comments","events_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/565/events","html_url":"https://github.com/elegantthemes/Divi-Beta/issues/565","id":180418599,"number":565,"title":"Select module using arrow on add module tooltip","user":{"login":"fikrirasyid","id":916442,"avatar_url":"https://avatars.githubusercontent.com/u/916442?v=3","gravatar_id":"","url":"https://api.github.com/users/fikrirasyid","html_url":"https://github.com/fikrirasyid","followers_url":"https://api.github.com/users/fikrirasyid/followers","following_url":"https://api.github.com/users/fikrirasyid/following{/other_user}","gists_url":"https://api.github.com/users/fikrirasyid/gists{/gist_id}","starred_url":"https://api.github.com/users/fikrirasyid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fikrirasyid/subscriptions","organizations_url":"https://api.github.com/users/fikrirasyid/orgs","repos_url":"https://api.github.com/users/fikrirasyid/repos","events_url":"https://api.github.com/users/fikrirasyid/events{/privacy}","received_events_url":"https://api.github.com/users/fikrirasyid/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/labels/IMPROVEMENT","name":"IMPROVEMENT","color":"15b397"},{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/labels/QUALITY%20ASSURED","name":"QUALITY ASSURED","color":"009800"},{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/labels/READY%20FOR%20REVIEW","name":"READY FOR REVIEW","color":"009800"}],"state":"open","locked":false,"assignee":{"login":"fikrirasyid","id":916442,"avatar_url":"https://avatars.githubusercontent.com/u/916442?v=3","gravatar_id":"","url":"https://api.github.com/users/fikrirasyid","html_url":"https://github.com/fikrirasyid","followers_url":"https://api.github.com/users/fikrirasyid/followers","following_url":"https://api.github.com/users/fikrirasyid/following{/other_user}","gists_url":"https://api.github.com/users/fikrirasyid/gists{/gist_id}","starred_url":"https://api.github.com/users/fikrirasyid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fikrirasyid/subscriptions","organizations_url":"https://api.github.com/users/fikrirasyid/orgs","repos_url":"https://api.github.com/users/fikrirasyid/repos","events_url":"https://api.github.com/users/fikrirasyid/events{/privacy}","received_events_url":"https://api.github.com/users/fikrirasyid/received_events","type":"User","site_admin":false},"assignees":[{"login":"fikrirasyid","id":916442,"avatar_url":"https://avatars.githubusercontent.com/u/916442?v=3","gravatar_id":"","url":"https://api.github.com/users/fikrirasyid","html_url":"https://github.com/fikrirasyid","followers_url":"https://api.github.com/users/fikrirasyid/followers","following_url":"https://api.github.com/users/fikrirasyid/following{/other_user}","gists_url":"https://api.github.com/users/fikrirasyid/gists{/gist_id}","starred_url":"https://api.github.com/users/fikrirasyid/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/fikrirasyid/subscriptions","organizations_url":"https://api.github.com/users/fikrirasyid/orgs","repos_url":"https://api.github.com/users/fikrirasyid/repos","events_url":"https://api.github.com/users/fikrirasyid/events{/privacy}","received_events_url":"https://api.github.com/users/fikrirasyid/received_events","type":"User","site_admin":false}],"milestone":null,"comments":8,"created_at":"2016-09-30T22:55:50Z","updated_at":"2016-10-20T21:12:10Z","closed_at":null,"body":"### Problem:\r\nI think it'd be really helpful if we can select module using arrow when selecting module on add module tooltip. The most possible scenario for this being useful is:\r\n\r\n1. click add module button\r\n2. it is automatically focused on filter input text\r\n3. Keyword is being typed, and list of module is updated (shrunken)\r\n4. Instead of picking up keypad or mouse and click the remaining modules like we do now, we can simply a) click arrow down to select the remaining module then click enter to select, b) or even directly click enter to select if there is only one module remains."},"comment":{"url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/comments/255229727","html_url":"https://github.com/elegantthemes/Divi-Beta/issues/565#issuecomment-255229727","issue_url":"https://api.github.com/repos/elegantthemes/Divi-Beta/issues/565","id":255229727,"user":{"login":"timayhelen","id":3333028,"avatar_url":"https://avatars.githubusercontent.com/u/3333028?v=3","gravatar_id":"","url":"https://api.github.com/users/timayhelen","html_url":"https://github.com/timayhelen","followers_url":"https://api.github.com/users/timayhelen/followers","following_url":"https://api.github.com/users/timayhelen/following{/other_user}","gists_url":"https://api.github.com/users/timayhelen/gists{/gist_id}","starred_url":"https://api.github.com/users/timayhelen/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/timayhelen/subscriptions","organizations_url":"https://api.github.com/users/timayhelen/orgs","repos_url":"https://api.github.com/users/timayhelen/repos","events_url":"https://api.github.com/users/timayhelen/events{/privacy}","received_events_url":"https://api.github.com/users/timayhelen/received_events","type":"User","site_admin":false},"created_at":"2016-10-20T21:12:10Z","updated_at":"2016-10-20T21:12:10Z","body":"@fikrirasyid I think we should change this UX a bit. I think it's a great feature, but I also think that 99% of people will not know it exists. So for the most part, people will be opening up tooltips and they will just see that the first item on the list is a slightly different color and not know why. It's also a bit confusing when you are hovering over items on the list to select them with your mouse. It makes it look like two items are selected:\r\n\r\n![screen shot 2016-10-20 at 2 07 48 pm](https://cloud.githubusercontent.com/assets/3333028/19578011/9e6f1be8-96ce-11e6-93d9-0952f207eeda.png)\r\n\r\nSo proposed that we keep the functionality, but make it a little less obvious by: \r\n\r\n1. Only apply the \"selected\" class when a) an arrow key has been pressed or b) when the search bar has been used. So when you first open the tooltip, nothing appears to be selected.\r\n2. I think we should only allow one thing to appear to be \"selected.\" So if you use the arrow keys to browser though some items, then you decide to move your mouse and selected something instead, when your mouse hover over the first item the \"selected\" class from the arrow keys is removed.  If you start using the arrow keys again, it gets added back, and if you start to move your mouse again to select something it gets removed again. "}}
{"actor":{"display_login":"timayhelen"}}