{"action":"created","issue":{"url":"https://api.github.com/repos/WordPress/gutenberg/issues/6468","repository_url":"https://api.github.com/repos/WordPress/gutenberg","labels_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6468/labels{/name}","comments_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6468/comments","events_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6468/events","html_url":"https://github.com/WordPress/gutenberg/issues/6468","id":318452586,"number":6468,"title":"WritingFlow should exclude standard input fields","user":{"login":"afercia","id":1682452,"avatar_url":"https://avatars1.githubusercontent.com/u/1682452?v=4","gravatar_id":"","url":"https://api.github.com/users/afercia","html_url":"https://github.com/afercia","followers_url":"https://api.github.com/users/afercia/followers","following_url":"https://api.github.com/users/afercia/following{/other_user}","gists_url":"https://api.github.com/users/afercia/gists{/gist_id}","starred_url":"https://api.github.com/users/afercia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/afercia/subscriptions","organizations_url":"https://api.github.com/users/afercia/orgs","repos_url":"https://api.github.com/users/afercia/repos","events_url":"https://api.github.com/users/afercia/events{/privacy}","received_events_url":"https://api.github.com/users/afercia/received_events","type":"User","site_admin":false},"labels":[{"id":546517042,"url":"https://api.github.com/repos/WordPress/gutenberg/labels/Accessibility","name":"Accessibility","color":"655104","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":{"url":"https://api.github.com/repos/WordPress/gutenberg/milestones/37","html_url":"https://github.com/WordPress/gutenberg/milestone/37","labels_url":"https://api.github.com/repos/WordPress/gutenberg/milestones/37/labels","id":3153486,"number":37,"title":"WordPress 5.0","description":"Items to work on for a 5.0 initial release but which don't have to be part of merge proposal.","creator":{"login":"karmatosed","id":253067,"avatar_url":"https://avatars3.githubusercontent.com/u/253067?v=4","gravatar_id":"","url":"https://api.github.com/users/karmatosed","html_url":"https://github.com/karmatosed","followers_url":"https://api.github.com/users/karmatosed/followers","following_url":"https://api.github.com/users/karmatosed/following{/other_user}","gists_url":"https://api.github.com/users/karmatosed/gists{/gist_id}","starred_url":"https://api.github.com/users/karmatosed/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/karmatosed/subscriptions","organizations_url":"https://api.github.com/users/karmatosed/orgs","repos_url":"https://api.github.com/users/karmatosed/repos","events_url":"https://api.github.com/users/karmatosed/events{/privacy}","received_events_url":"https://api.github.com/users/karmatosed/received_events","type":"User","site_admin":false},"open_issues":72,"closed_issues":14,"state":"open","created_at":"2018-03-01T12:59:53Z","updated_at":"2018-05-23T21:36:56Z","due_on":null,"closed_at":null},"comments":4,"created_at":"2018-04-27T15:27:59Z","updated_at":"2018-05-24T06:51:03Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"In some cases, having WritingFlow kicking in risks to disrupt the standard interaction with standard input fields and moves the caret outside of the field, even it that's not what users would expect.\r\n\r\nConsider for example the permalink edit field:\r\n\r\n<img width=\"685\" alt=\"screen shot 2018-04-27 at 16 05 26\" src=\"https://user-images.githubusercontent.com/1682452/39369342-4b03a406-4a3c-11e8-8923-db145c600f66.png\">\r\n\r\nwhen the mini-form opens, it should be possible to use the arrow keys normally, as users are used to. Instead, when the caret is at the end or at the beginning of the field, pressing the right arrow or the left arrow key moves the caret to the following block or to the post title.\r\n\r\nIn the post permalink, this behavior is more evident because this UI is, in a way, visually \"detached\" fro the post. What about other input fields, for example in the shortcode, embeds, video, etc. blocks?\r\n\r\n<img width=\"660\" alt=\"screen shot 2018-04-27 at 17 15 55\" src=\"https://user-images.githubusercontent.com/1682452/39370577-929be118-4a3f-11e8-953d-c35e80a0e7c1.png\">\r\n\r\nI'd say the most expected behavior would be trying to emulate the native behavior as much as possible. When pressing left, right, Home, End (and related keys combination e.g. Cmd+Left), the caret should stay within the input field. Being unexpectedly kicked out from the input field is a very confusing experience also for assistive technology users.\r\n\r\nIn this case, when the caret is within native input fields, I'd propose to use just the Up and Down keys for WritingFlow (doing nothing when modifier keys are used). Would this be an acceptable trade-off?"},"comment":{"url":"https://api.github.com/repos/WordPress/gutenberg/issues/comments/391608268","html_url":"https://github.com/WordPress/gutenberg/issues/6468#issuecomment-391608268","issue_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6468","id":391608268,"user":{"login":"afercia","id":1682452,"avatar_url":"https://avatars1.githubusercontent.com/u/1682452?v=4","gravatar_id":"","url":"https://api.github.com/users/afercia","html_url":"https://github.com/afercia","followers_url":"https://api.github.com/users/afercia/followers","following_url":"https://api.github.com/users/afercia/following{/other_user}","gists_url":"https://api.github.com/users/afercia/gists{/gist_id}","starred_url":"https://api.github.com/users/afercia/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/afercia/subscriptions","organizations_url":"https://api.github.com/users/afercia/orgs","repos_url":"https://api.github.com/users/afercia/repos","events_url":"https://api.github.com/users/afercia/events{/privacy}","received_events_url":"https://api.github.com/users/afercia/received_events","type":"User","site_admin":false},"created_at":"2018-05-24T06:51:03Z","updated_at":"2018-05-24T06:51:03Z","author_association":"CONTRIBUTOR","body":"Sure. The point is, when the caret is within a standard input field, user (especially keyboard and screen reader users) expects the caret to behave as usual: using the arrow keys (and any combination with Ctrl/Cmd etc.) just moves the caret within the input field. Instead, in Gutenberg the behavior of `WritingFlow` kicks in and as soon as users use the arrow keys, they're kicked off from the input field.\r\n\r\nThis is extremely confusing, as users would expect to operate normally within an input field."}}
{"actor":{"display_login":"afercia"}}