Skip to content
This repository was archived by the owner on Nov 19, 2024. It is now read-only.

Commit d4135db

Browse files
authored
Merge pull request #6850 from sergiy-v/6838-widget-prompt-keyboard-navigation-changes
Changes 'Prompt' widget 'Keyboard navigation' section
2 parents 77ca3ac + db39b69 commit d4135db

File tree

1 file changed

+4
-2
lines changed

1 file changed

+4
-2
lines changed

src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,10 @@ The prompt widget implements the following events:
205205

206206
## Keyboard navigation {#prompt_key_navigation}
207207

208-
The keyboard navigation for the alert windows is similar to the [navigation of the modal widget].
208+
- ESC key: cancel the input and close the current prompt window (the same behavior as for the 'Cancel' button)
209+
- ENTER key: confirm the input and close the current prompt window (the same behavior as for the 'OK' button)
210+
- TAB key: set focus to the next focusable element (looped inside the prompt window)
211+
- SHIFT+TAB keys combination: set focus to the previous focusable element (looped inside the prompt window)
209212

210213
## Code Sample
211214

@@ -307,4 +310,3 @@ The keyboard navigation for the alert windows is similar to the [navigation of t
307310
[`ui/template/modal/modal-prompt-content.html`]: {{ site.mage2bloburl }}/{{ page.guide_version }}/app/code/Magento/Ui/view/base/web/templates/modal/modal-prompt-content.html
308311
[Magento Admin Pattern Library, the Slide-out Panels, Modal Windows, and Overlays topic.]: {{page.baseurl}}/pattern-library/containers/slideouts-modals-overlays/slideouts-modals-overalys.html#modals
309312
[JavaScript initialization]: {{page.baseurl}}/javascript-dev-guide/javascript/js_init.html
310-
[navigation of the modal widget]: {{page.baseurl}}/javascript-dev-guide/widgets/widget_modal.html#key_navigation

0 commit comments

Comments
 (0)