{"action":"created","issue":{"url":"https://api.github.com/repos/WordPress/gutenberg/issues/6910","repository_url":"https://api.github.com/repos/WordPress/gutenberg","labels_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6910/labels{/name}","comments_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6910/comments","events_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6910/events","html_url":"https://github.com/WordPress/gutenberg/issues/6910","id":325633922,"node_id":"MDU6SXNzdWUzMjU2MzM5MjI=","number":6910,"title":"Formatting toolbar controls missing when using a keyboard","user":{"login":"afercia","id":1682452,"node_id":"MDQ6VXNlcjE2ODI0NTI=","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,"node_id":"MDU6TGFiZWw1NDY1MTcwNDI=","url":"https://api.github.com/repos/WordPress/gutenberg/labels/Accessibility","name":"Accessibility","color":"655104","default":false},{"id":531680823,"node_id":"MDU6TGFiZWw1MzE2ODA4MjM=","url":"https://api.github.com/repos/WordPress/gutenberg/labels/[Type]%20Bug","name":"[Type] Bug","color":"d93f0b","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2018-05-23T09:58:30Z","updated_at":"2018-06-12T19:16:11Z","closed_at":null,"author_association":"CONTRIBUTOR","body":"When using the mouse and clicking, for example, on a paragraph, the formatting toolbar appears with all its controls displayed:\r\n\r\n![screen shot 2018-05-23 at 11 49 29](https://user-images.githubusercontent.com/1682452/40417261-a295436c-5e7f-11e8-9050-bf4e497ecddd.png)\r\n\r\nInstead, when using the keyboard to navigate with the Tab key and the toolbar is focused, only a few controls are displayed. In the screenshots below, the focused element is highlighted with a red outline.\r\n\r\nTabbing into the toolbar: only 4 controls are initially displayed:\r\n\r\n![screen shot 2018-05-23 at 11 40 41](https://user-images.githubusercontent.com/1682452/40417359-daa405d6-5e7f-11e8-9edd-ef293d1a45fa.png)\r\n\r\nPress tab again to move to the last of these 4 controls:\r\n\r\n![screen shot 2018-05-23 at 11 40 47](https://user-images.githubusercontent.com/1682452/40417422-01fed494-5e80-11e8-8d7b-0b876e623275.png)\r\n\r\nNow press tab again: the missing controls appear but they're \"skipped\", as focus has already landed on the block content:\r\n\r\n![screen shot 2018-05-23 at 11 40 52](https://user-images.githubusercontent.com/1682452/40417472-1e45f6dc-5e80-11e8-82ef-dab90a6a4afc.png)\r\n\r\nThe expected behavior would be that _all_ the toolbar controls are displayed when the toolbar receives focus.\r\n\r\nNot sure what's happening, I can reproduce consistently on current master with different browsers. No JS errors."},"comment":{"url":"https://api.github.com/repos/WordPress/gutenberg/issues/comments/396702565","html_url":"https://github.com/WordPress/gutenberg/issues/6910#issuecomment-396702565","issue_url":"https://api.github.com/repos/WordPress/gutenberg/issues/6910","id":396702565,"node_id":"MDEyOklzc3VlQ29tbWVudDM5NjcwMjU2NQ==","user":{"login":"afercia","id":1682452,"node_id":"MDQ6VXNlcjE2ODI0NTI=","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-06-12T19:16:11Z","updated_at":"2018-06-12T19:16:11Z","author_association":"CONTRIBUTOR","body":"With regards to [the related conversation on Slack](https://wordpress.slack.com/archives/C02QB2JS7/p1528292974000429),  worth noting in the current Classic Editor there's no need to make a selection to have the bold, italic, strikethrough, and link buttons work. In fact, it is possible to just put the caret within a word, press (for example) bold and the whole word becomes bold.\r\n\r\nRegardless, the caret must be within the editable area but I'm not sure not showing the buttons if the caret is _not_ within the editable area is the best user experience. Seems to me it's just a bit confusing."}}
{"actor":{"display_login":"afercia"}}