MDL-68030 core_course: Set focus onto the help area header
authorMathew May <mathewm@hotmail.co.nz>
Thu, 5 Mar 2020 02:29:42 +0000 (10:29 +0800)
committerMathew May <mathewm@hotmail.co.nz>
Thu, 12 Mar 2020 03:51:45 +0000 (11:51 +0800)
course/amd/build/local/activitychooser/dialogue.min.js
course/amd/build/local/activitychooser/dialogue.min.js.map
course/amd/build/local/activitychooser/selectors.min.js
course/amd/build/local/activitychooser/selectors.min.js.map
course/amd/src/local/activitychooser/dialogue.js
course/amd/src/local/activitychooser/selectors.js
course/templates/chooser_help.mustache

index 042132f..1e13f0a 100644 (file)
Binary files a/course/amd/build/local/activitychooser/dialogue.min.js and b/course/amd/build/local/activitychooser/dialogue.min.js differ
index 0c18fec..fbcda72 100644 (file)
Binary files a/course/amd/build/local/activitychooser/dialogue.min.js.map and b/course/amd/build/local/activitychooser/dialogue.min.js.map differ
index 0aee2dc..37df273 100644 (file)
Binary files a/course/amd/build/local/activitychooser/selectors.min.js and b/course/amd/build/local/activitychooser/selectors.min.js differ
index da656df..75707c6 100644 (file)
Binary files a/course/amd/build/local/activitychooser/selectors.min.js.map and b/course/amd/build/local/activitychooser/selectors.min.js.map differ
index 9429ee6..acee873 100644 (file)
@@ -59,7 +59,7 @@ const showModuleHelp = (carousel, moduleData) => {
     Promise.all([contentPromise, spinnerPromise, transitionPromise])
         .then(([{html, js}]) => Templates.replaceNodeContents(help, html, js))
         .then(() => {
-            help.querySelector(selectors.regions.chooserSummary.description).focus();
+            help.querySelector(selectors.regions.chooserSummary.header).focus();
             return help;
         })
         .catch(Notification.exception);
index dc653bf..a072a1e 100644 (file)
@@ -45,7 +45,7 @@ export default {
         chooserSummary: {
             container: getDataSelector('region', 'chooser-option-summary-container'),
             content: getDataSelector('region', 'chooser-option-summary-content-container'),
-            description: getDataSelector('region', 'summary-description'),
+            header: getDataSelector('region', 'summary-header'),
             actions: getDataSelector('region', 'chooser-option-summary-actions-container'),
         },
         carousel: getDataSelector('region', 'carousel'),
index aaf4190..4d1ca2a 100644 (file)
 <div class="optionsummary" tabindex="-1" data-region="chooser-option-summary-container" aria-labelledby="optionsummary_label" aria-describedby="optionsumary_desc">
     <div class="content text-left mb-5 px-5 py-4" data-region="chooser-option-summary-content-container">
         <div class="heading mb-4">
-            <h5 id="optionsummary_label">
+            <h5 id="optionsummary_label-{{uniqid}}" data-region="summary-header" tabindex="0">
                 {{{icon}}}
                 {{title}}
             </h5>
         </div>
-        <div id="optionsumary_desc" class="description" data-region="summary-description" tabindex="0">
+        <div id="optionsumary_desc-{{uniqid}}" class="description" tabindex="0">
             {{{help}}}
         </div>
     </div>