This website works better with JavaScript
Página inicial
Explorar
Ajuda
Entrar
unicraft
/
cke
Observar
8
Favorito
0
Fork
0
Arquivos
Tree:
664a2fcef4
Branches
Tags
feat/v28
feat/v28-with-smileys
feat/v28-with-types
feat/v35
feat/v38
feat/v40x
fix/destroy-undefined
master
stable
v38.7
v38.6
v38.4
v31beta2
v31beta1
v28beta2
v28beta1
v23.1.0
v23.0.0
v22.0.0
v21.0.0
v20.0.0
v19.1.1
v19.1.0
v19.0.0
v18.0.0
v17.0.0
v16.0.0
v15.0.0
v12.4.0
v12.3.1
v12.3.0
v12.2.0
v12.1.0
v12.0.0
v11.2.0
v11.1.1
v11.1.0
v11.0.1
v11.0.0
v10.1.0
10.1.0
v10.0.1
v10.0.0
v1.0.0-beta.4
v1.0.0-beta.2
v1.0.0-beta.1
v1.0.0-alpha.2
v1.0.0-alpha.1
v0.11.0
v0.10.0
v0.9.0
v0.8.0
v0.7.0
v0.6.0
v0.5.0
v0.4.0
v0.3.0
v0.2.0
v0.1.0
v38.6_imageinsert
v38_3
v38_2
v38_1
v36_1
v35_node1618
v35_codeblock_1
cke
/
packages
/
ckeditor5-ui
/
tests
/
manual
/
toolbar
/
grouping.md
grouping.md
1.7 KB
Histórico
Raw
Automatic toolbar grouping
Grouping on load
Narrow the browser window so some toolbar items should wrap to the next row.
Refresh the test.
The toolbar should looks the same. Make sure none of toolbar items wrapped or overflow.
The dropdown button should be displayed at the end of the toolbar, allowing to access grouped features.
The drop–down should be displayed
under
the main toolbar.
Grouped items toolbar should never start or end with a separator, even if one was in the main toolbar space.
Other separators (between items) should be preserved.
Grouping and ungrouping on resize
Play with the size of the browser window.
Toolbar items should group and ungroup automatically but
the should never wrap to the next line,
or stick out beyond the toolbar boundaries.
Accessibility
Make sure no toolbar items are grouped.
Use Alt + F10 (+ Fn on Mac) to focus the toolbar.
Navigate the toolbar using the keyboard
it should work naturally,
the navigation should cycle (leaving the last item focuses the first item, and going back from the first items focuses the last)
Resize the window so some items are grouped.
Check if navigation works in the same way but includes the button that aggregates grouped items.
Enter the group button, navigate across grouped items, go back (Esc).
There should be no interruptions or glitches in the navigation.
RTL UI support
Perform the same scenarios in the editor with RTL (right–to–left) UI.
There should be no visual or behavioral difference between LTR and RTL editors except that the toolbar is mirrored.
The button aggregating grouped toolbar items should be displayed on the left–hand side.