From 6f6b0e40b77e13ed3c6f9750a05f13f6ba0fe294 Mon Sep 17 00:00:00 2001 From: Vaha Date: Thu, 12 Mar 2020 19:08:13 +0200 Subject: [PATCH 1/2] added changes to the 'Keyboard navigation' section for 'Prompt' widget --- .../v2.3/javascript-dev-guide/widgets/widget_prompt.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md b/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md index 8e7e9ff92bf..13e25c27e9a 100644 --- a/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md +++ b/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md @@ -205,7 +205,10 @@ The prompt widget implements the following events: ## Keyboard navigation {#prompt_key_navigation} -The keyboard navigation for the alert windows is similar to the [navigation of the modal widget]. +- the ESC key: cancel the input and close the current prompt window (the same behavior as for the 'Cancel' button) +- the ENTER key: confirm the input and close the current prompt window (the same behavior as for the 'OK' button) +- the TAB key: set focus to the next focusable element (looped inside the prompt window) +- the SHIFT+TAB keys combination: set focus to the previous focusable element (looped inside the prompt window) ## Code Sample @@ -307,4 +310,3 @@ The keyboard navigation for the alert windows is similar to the [navigation of t [`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 [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 [JavaScript initialization]: {{page.baseurl}}/javascript-dev-guide/javascript/js_init.html -[navigation of the modal widget]: {{page.baseurl}}/javascript-dev-guide/widgets/widget_modal.html#key_navigation From db39b6987450ec8918aa806ec476bc32063584e6 Mon Sep 17 00:00:00 2001 From: Donald Booth Date: Fri, 13 Mar 2020 11:10:42 -0500 Subject: [PATCH 2/2] Small formatting change --- .../v2.3/javascript-dev-guide/widgets/widget_prompt.md | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md b/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md index 13e25c27e9a..e81a43f7264 100644 --- a/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md +++ b/src/guides/v2.3/javascript-dev-guide/widgets/widget_prompt.md @@ -205,10 +205,10 @@ The prompt widget implements the following events: ## Keyboard navigation {#prompt_key_navigation} -- the ESC key: cancel the input and close the current prompt window (the same behavior as for the 'Cancel' button) -- the ENTER key: confirm the input and close the current prompt window (the same behavior as for the 'OK' button) -- the TAB key: set focus to the next focusable element (looped inside the prompt window) -- the SHIFT+TAB keys combination: set focus to the previous focusable element (looped inside the prompt window) +- ESC key: cancel the input and close the current prompt window (the same behavior as for the 'Cancel' button) +- ENTER key: confirm the input and close the current prompt window (the same behavior as for the 'OK' button) +- TAB key: set focus to the next focusable element (looped inside the prompt window) +- SHIFT+TAB keys combination: set focus to the previous focusable element (looped inside the prompt window) ## Code Sample