Gutenberg Block focus handling
 Share
The version of the browser you are using is no longer supported. Please upgrade to a supported browser.Dismiss

 
$
%
123
 
 
 
 
 
 
 
 
 
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1
BlockHas focus change?CommentsClaimed
2
archivesNew: focus on the container; tab to add block, then controls. Edit: focus on container.joedolson
3
audioNew: focus initally on the container. You have to tabulate to go to the insert media buttons.
Edit: focus on the container. You have to tabulate to go to the edit media buttons and settings.

By the way, you land on the first focusable item of the block.
audrasjb
4
buttonNew: initial focus is set to the button's inner text. Next tab stop takes you to the URL field.
Edit: focus is set to the button's inner text.
enrique
5
calendarNew: focus initally on the container. You have to tabulate to go to the block settings.
Edit: focus initally on the container. You have to tabulate to go to the block settings.

Note: it's pretty strange that link to the posts in the calendar are focusable/clickable. Wondering if it's really understandable that you are in the content of the block…

By the way, you land on the first focusable item of the block.
audrasjbD
6
categoriesNew: focus initally on the container. You have to tabulate to go to the block settings.
Edit: focus initally on the container. You have to tabulate to go to the block settings.

Note: it's pretty strange that link to the terms are focusable/clickable. Wondering if it's really understandable that you are in the content of the block…

By the way, you land on the first focusable item of the block.
audrasjbD
7
classicNew: focus initalliy on text entry field, ready to type
Edit: focus on text entry box (container), get ready to type when hiting right arrow key

Not sure you land on the first focusable item of the block.
audrasjbB
8
codeNew: focus initalliy on text entry field, ready to type
Edit: focus on text entry box (container), get ready to type when hiting right arrow key

By the way, you land on the first focusable item of the block.
audrasjbB
9
columnSee columnsaudrasjb
10
columnsNew: focus is on the container
Edit: focus is on the container
In both cases you have to tabulate to do things (like select a layout since WP 5.3)

By the way, you land on the first focusable item of the block.
audrasjb
11
cover
New: focus on the container; tab to add block, then controls. Edit: focus on container.
joedolson
12
embedNew: focus on URL field; edit: focus on URL field at beginning of existing text.joedolson
13
fileNew: focus on the container; edit: focus on file name text at beginning of name.joedolsonB
14
galleryNew: focus on the container; edit: focus at begining of first image's caption field.joedolsonB
15
groupNew: focus on the group container; edit: focus on group container.joedolson
16
headingAdd new - focus initially on text entry box; modify existing - focus initially on text entry boxMark DuBois
17
htmlNew: focus is on the container
Edit: focus is on the container
(there is nothing to edit except block's settings)
You land on the first focusable item of the block.
audrasjb
18
imageAdd new - focus initially on container; modify existing - focus initially at beginning of caption input fieldMark DuBoisB
19
latest-commentsNew: focus on the container; edit: focus on the containerjoedolson
20
latest-postsNew: focus on the container; edit: focus on the containerjoedolson
21
legacy-widgetjoedolson
Could not create
22
listNew: focus is set to text entry of first (and only) list item
Edit: focus is set to beginning of text entry of first list item
enrique
23
media-textNew: focus on container; edit: focus on containerjoedolson
24
moreNew: focus is on the text input to edit "Read more" default text. Interesting thing: the focus is not at the beginning of the text input but at the end. Also : there is a small problem at least on twenty twenty since the text overflows its container.
Screenshot: https://i.gyazo.com/9f1583466a7d7298abe4520130ecb570.mp4
Edit: same, since there is always already a text in the text input.
audrasjb
25
navigation-menu-item
New: focus in 'add URL'box; Edit: focus in 'link text' focusjoedolsonB
26
navigation-menuNew: focus in container; Edit: focus in containerjoedolson
27
nextpagejoedolson
could not create
28
paragraphAdd new - focus initially on text entry; modify existing - focus on left block marginMark DuBoisB
29
preformattedAdd new - focus initially on text entry; modify existing - focus initially on text entryMark DuBois
30
pullquoteNew: initial focus on text entry // modify: focus on the beginning of the quoteVicent
31
quoteNew: initial focus on text entry // modify: focus on the beginning of the quoteVicent
32
rssNew: initial focus on text entry // modify: focus on text entryVicent
33
searchAdd new - focus initially just before capital S in search (beginning of label edit field); modify existing - focus initially to left of blockMark DuBoisB
34
separatorNew: focus is on the container
Edit: focus is on the container
(there is nothing to edit except block's settings)

You land on the first focusable item of the block.
audrasjb
35
shortcodeNew: focus initalliy on text entry field, ready to type
Edit: focus on text entry box (container), get ready to type when hiting right arrow key

You land on the first focusable item of the block.
audrasjbB
36
site-titleNew: focus initalliy on text entry field, ready to type
Edit: focus on text entry box (container), get ready to type when hiting right arrow key

You land on the first focusable item of the block.
audrasjbB
37
social-linkNew:block container; Edit: block containerenrique
original: Social Link (singular) does not appear to be available in the default block directory. See next row for Social Links.
38
social-linksNew: initial focus is not visually obvious. It is set to the toolbar's block icon of the first item of the list of social icons.
Edit: focus is also not clear nor obvious. It appears to be set to the block itself.
enrique
C; Note: this block has a confusing UI, because it initializes with a bunch of incomplete blocks + one complete block (WordPress.org)
39
spacerNew: focus is on the container
Edit: focus is on the container
(there is nothing to edit except block's settings)

You land on the first focusable item of the block.
audrasjb
40
tableNew: focus not visibly obvious. Set to the block itself.
Edit: focus set to text-entry on first cell
enriqueB
41
tag-cloudNew: initial focus not visible obvious. Set to the block itself.
Edit: initial focus not visible obvious. Set to the block itself.
enrique
42
verseNew: focus initalliy on text entry field, ready to type
Edit: focus on text entry box (container), get ready to type when hiting right arrow key

You land on the first focusable item of the block.
audrasjbB
43
videoNew: focus initally on the container. You have to tabulate to go to the insert media buttons.
Edit: focus on the container. You have to tabulate to go to the edit media buttons and settings.

You land on the first focusable item of the block.
audrasjb
44
blockNot applicable.audrasjb
45
missingYou can't add it manually, it renders when the inserted block was unregisteredgziolo
46
subheadit's deprecated so we can ignore, you can't insert it anymoregziolo
47
text-columnsit's deprecated so we can ignore, you can't insert it anymoregziolo
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
Loading...