{"action":"created","issue":{"url":"https://api.github.com/repos/autoNumeric/autoNumeric/issues/393","repository_url":"https://api.github.com/repos/autoNumeric/autoNumeric","labels_url":"https://api.github.com/repos/autoNumeric/autoNumeric/issues/393/labels{/name}","comments_url":"https://api.github.com/repos/autoNumeric/autoNumeric/issues/393/comments","events_url":"https://api.github.com/repos/autoNumeric/autoNumeric/issues/393/events","html_url":"https://github.com/autoNumeric/autoNumeric/issues/393","id":204759230,"number":393,"title":"Add an option `modifyValueOnWheel` that allow the user to use mouse wheel to increment/decrement the element value","user":{"login":"AlexandreBonneau","id":7248877,"avatar_url":"https://avatars0.githubusercontent.com/u/7248877?v=3","gravatar_id":"","url":"https://api.github.com/users/AlexandreBonneau","html_url":"https://github.com/AlexandreBonneau","followers_url":"https://api.github.com/users/AlexandreBonneau/followers","following_url":"https://api.github.com/users/AlexandreBonneau/following{/other_user}","gists_url":"https://api.github.com/users/AlexandreBonneau/gists{/gist_id}","starred_url":"https://api.github.com/users/AlexandreBonneau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AlexandreBonneau/subscriptions","organizations_url":"https://api.github.com/users/AlexandreBonneau/orgs","repos_url":"https://api.github.com/users/AlexandreBonneau/repos","events_url":"https://api.github.com/users/AlexandreBonneau/events{/privacy}","received_events_url":"https://api.github.com/users/AlexandreBonneau/received_events","type":"User","site_admin":false},"labels":[{"id":24837729,"url":"https://api.github.com/repos/autoNumeric/autoNumeric/labels/Feature%20request","name":"Feature request","color":"BEF624","default":false},{"id":496840518,"url":"https://api.github.com/repos/autoNumeric/autoNumeric/labels/User%20Experience","name":"User Experience","color":"FFC600","default":false}],"state":"closed","locked":false,"assignee":{"login":"AlexandreBonneau","id":7248877,"avatar_url":"https://avatars0.githubusercontent.com/u/7248877?v=3","gravatar_id":"","url":"https://api.github.com/users/AlexandreBonneau","html_url":"https://github.com/AlexandreBonneau","followers_url":"https://api.github.com/users/AlexandreBonneau/followers","following_url":"https://api.github.com/users/AlexandreBonneau/following{/other_user}","gists_url":"https://api.github.com/users/AlexandreBonneau/gists{/gist_id}","starred_url":"https://api.github.com/users/AlexandreBonneau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AlexandreBonneau/subscriptions","organizations_url":"https://api.github.com/users/AlexandreBonneau/orgs","repos_url":"https://api.github.com/users/AlexandreBonneau/repos","events_url":"https://api.github.com/users/AlexandreBonneau/events{/privacy}","received_events_url":"https://api.github.com/users/AlexandreBonneau/received_events","type":"User","site_admin":false},"assignees":[{"login":"AlexandreBonneau","id":7248877,"avatar_url":"https://avatars0.githubusercontent.com/u/7248877?v=3","gravatar_id":"","url":"https://api.github.com/users/AlexandreBonneau","html_url":"https://github.com/AlexandreBonneau","followers_url":"https://api.github.com/users/AlexandreBonneau/followers","following_url":"https://api.github.com/users/AlexandreBonneau/following{/other_user}","gists_url":"https://api.github.com/users/AlexandreBonneau/gists{/gist_id}","starred_url":"https://api.github.com/users/AlexandreBonneau/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AlexandreBonneau/subscriptions","organizations_url":"https://api.github.com/users/AlexandreBonneau/orgs","repos_url":"https://api.github.com/users/AlexandreBonneau/repos","events_url":"https://api.github.com/users/AlexandreBonneau/events{/privacy}","received_events_url":"https://api.github.com/users/AlexandreBonneau/received_events","type":"User","site_admin":false}],"milestone":null,"comments":1,"created_at":"2017-02-02T01:39:44Z","updated_at":"2017-06-09T10:04:46Z","closed_at":"2017-02-04T03:04:11Z","body":"To improve the user experience, we should add an option `modifyValueOnWheel` (accepting the boolean values `true` and `false`) for using the mouse wheelup and wheeldown to respectively increment and decrement the current input value.\r\n\r\nA second option `wheelStep` would allow to define the step, either :\r\n- fixed like `'100'`, or\r\n- `'progressive'`, which means you calculate the number of numbers in the integer part (ie. `9.999.999` -> `7`, and add/substract 7-1 = 6th places : `9.999.999 - 100.000`)\r\n\r\nWarning: if the inputs are big, that can prevent the user to scroll the page or make him increment a wrong input close to the initial one.\r\nTo work around that potential problem :\r\n- Allow the user to hold `Shift` while scrolling to ignore the input and just scroll the page (useful on small screen where some badly configured inputs could use all the available space)\r\n- better yet, add a small `timeout` on mouse hover to make sure it won't be followed by a `mouseout` event (because you do not want to scroll in an input by accident just when it come under the mouse cursor that is currently scrolling the page)\r\n\r\nLastly, make sure the user cannot use that `wheel` event to go past the min and max values. If those are attained, then drop the `wheel` event to not scroll the page.\r\n    "},"comment":{"url":"https://api.github.com/repos/autoNumeric/autoNumeric/issues/comments/307350040","html_url":"https://github.com/autoNumeric/autoNumeric/issues/393#issuecomment-307350040","issue_url":"https://api.github.com/repos/autoNumeric/autoNumeric/issues/393","id":307350040,"user":{"login":"wc-matteo","id":10562635,"avatar_url":"https://avatars3.githubusercontent.com/u/10562635?v=3","gravatar_id":"","url":"https://api.github.com/users/wc-matteo","html_url":"https://github.com/wc-matteo","followers_url":"https://api.github.com/users/wc-matteo/followers","following_url":"https://api.github.com/users/wc-matteo/following{/other_user}","gists_url":"https://api.github.com/users/wc-matteo/gists{/gist_id}","starred_url":"https://api.github.com/users/wc-matteo/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wc-matteo/subscriptions","organizations_url":"https://api.github.com/users/wc-matteo/orgs","repos_url":"https://api.github.com/users/wc-matteo/repos","events_url":"https://api.github.com/users/wc-matteo/events{/privacy}","received_events_url":"https://api.github.com/users/wc-matteo/received_events","type":"User","site_admin":false},"created_at":"2017-06-09T10:04:46Z","updated_at":"2017-06-09T10:04:46Z","body":"> Warning: if the inputs are big, that can prevent the user to scroll the page or make him increment a wrong input close to the initial one.\r\n\r\nehm... the wheel should work when an input has focus, just like `<input type=\"number\">` in Chrome. With normal sized input and a large browser window I was scrolling the page and modifying inputs at the same time. This is bad."}}
{"actor":{"display_login":"wc-matteo"}}