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
archives
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
blockNot applicable.audrasjb
5
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
6
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.
audrasjb
7
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.
audrasjb
8
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.
audrasjb
9
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.
audrasjb
10
columnSee columnsaudrasjb
11
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
12
coverJoe
13
embedJoe
14
fileJoe
15
galleryJoe
16
groupJoe
17
headingAdd new - focus initially on text entry box; modify existing - focus initially on text entry boxMark DuBois
18
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
19
imageAdd new - focus initially on left margin of insert image; modify existing - focus initially on left margin of insert imageMark DuBois
20
latest-comments
21
latest-posts
22
legacy-widget
23
listNew: focus is set to text entry of first (and only) list item
Edit: focus is set to text entry of first list item
enrique
24
media-textenrique
25
missingYou can't add it manually, it renders when the inserted block was unregisteredgziolo
26
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
27
navigation-menu-item
28
navigation-menu
29
nextpage
30
paragraphAdd new - focus initially on text entry; modify existing - focus on left block marginMark DuBois
31
preformattedAdd new - focus initially on text entry; modify existing - focus initially on text entryMark DuBois
32
pullquoteNew: initial focus on text entry // modify: focus on the beggining of the quoteVicent
33
quoteNew: initial focus on text entry // modify: focus on the beggining of the quoteVicent
34
rssNew: initial focus on text entry // modify: focus on text entryVicent
35
searchAdd new - focus initially just before capital S in search; modify existing - focus initially to left of blockMark DuBois
36
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
37
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.
audrasjb
38
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.
audrasjb
39
social-linkSocial Link (singular) does not appear to be available in the default block directory. See next row for Social Links.enrique
40
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
41
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
42
subheadit's deprecated so we can ignore, you can't insert it anymoregziolo
43
tableNew: focus not visibly obvious. Set to the block itself.
Edit: focus set to text-entry on first cell
enrique
44
tag-cloudNew: initial focus not visible obvious. Set to the block itself.
Edit: initial focus not visible obvious. Set to the block itself.
enrique
45
text-columnsit's deprecated so we can ignore, you can't insert it anymoregziolo
46
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.
audrasjb
47
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
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...