From 4ac81d6a66e4eed387a9f72be06aa17bff396df6 Mon Sep 17 00:00:00 2001
From: Trisha Milan <trishamilan@catalyst-au.net>
Date: Wed, 16 Oct 2024 16:58:34 +1100
Subject: [PATCH] MDL-82625 navigation: Add disableactive flag to combobox
 widget

- Introduced disableactive flag to prevent setting active state on combobox items when a page redirect occurs.
This resolves the issue where incorrect checkmarks remain after using the browser's back button due to bfcache.
- Added Behat test cases to verify correct checkmark behaviour in tertiary navigation when navigating and using
the browser's back/forward buttons.
---
 backup/util/helper/backup_helper.class.php    |   2 +-
 .../classes/output/completion_action_bar.php  |   3 +-
 grade/classes/output/export_action_bar.php    |   2 +-
 grade/classes/output/general_action_bar.php   |   2 +-
 grade/classes/output/import_action_bar.php    |   2 +-
 .../report/user/classes/output/action_bar.php |   2 +-
 grade/report/user/renderer.php                |   2 +-
 .../output/participants_action_bar.php        |   2 +-
 lib/classes/output/select_menu.php            |  16 +-
 lib/classes/report_helper.php                 |   2 +-
 lib/templates/select_menu.mustache            |  12 +-
 lib/tests/behat/behat_navigation.php          |  48 ++++++
 .../select_menu_disableactive_testpage.php    |  54 ++++++
 .../classes/output/grading_actionmenu.php     |   2 +-
 mod/data/classes/output/action_bar.php        |   2 +-
 theme/boost/amd/build/aria.min.js             |   2 +-
 theme/boost/amd/build/aria.min.js.map         |   2 +-
 theme/boost/amd/src/aria.js                   |  20 ++-
 .../behat_theme_boost_behat_navigation.php    |  83 ++++++++-
 .../tertiary_navigation_activestate.feature   | 159 ++++++++++++++++++
 20 files changed, 392 insertions(+), 27 deletions(-)
 create mode 100644 lib/tests/behat/fixtures/select_menu_disableactive_testpage.php
 create mode 100644 theme/boost/tests/behat/tertiary_navigation_activestate.feature

diff --git a/backup/util/helper/backup_helper.class.php b/backup/util/helper/backup_helper.class.php
index 65901635d2c..7b3435f8f35 100644
--- a/backup/util/helper/backup_helper.class.php
+++ b/backup/util/helper/backup_helper.class.php
@@ -411,7 +411,7 @@ abstract class backup_helper {
 
             }
 
-            $selectmenu = new \core\output\select_menu('coursereusetype', $menuarray, $activeurl);
+            $selectmenu = new \core\output\select_menu('coursereusetype', $menuarray, $activeurl, true);
             $selectmenu->set_label(get_string('coursereusenavigationmenu'), ['class' => 'visually-hidden']);
             $options = \html_writer::tag(
                 'div',
diff --git a/course/classes/output/completion_action_bar.php b/course/classes/output/completion_action_bar.php
index 97c00e38552..c486f3086cd 100644
--- a/course/classes/output/completion_action_bar.php
+++ b/course/classes/output/completion_action_bar.php
@@ -61,7 +61,8 @@ class completion_action_bar implements templatable, renderable {
         $selectmenu = new select_menu(
             'coursecompletionnavigation',
             manager::get_available_completion_options($this->courseid),
-            $this->currenturl->out(false)
+            $this->currenturl->out(false),
+            true
         );
         $selectmenu->set_label(
             get_string('coursecompletionnavigation', 'completion'),
diff --git a/grade/classes/output/export_action_bar.php b/grade/classes/output/export_action_bar.php
index da513904001..939b26f989c 100644
--- a/grade/classes/output/export_action_bar.php
+++ b/grade/classes/output/export_action_bar.php
@@ -94,7 +94,7 @@ class export_action_bar extends action_bar {
         }
 
         // This navigation selector menu will contain the links to all available grade export plugin pages.
-        $exportsurlselect = new \core\output\select_menu('exportas', $exportsmenu, $exportactiveurl);
+        $exportsurlselect = new \core\output\select_menu('exportas', $exportsmenu, $exportactiveurl, true);
         $exportsurlselect->set_label(get_string('exportas', 'grades'));
         $data['exportselector'] = $exportsurlselect->export_for_template($output);
 
diff --git a/grade/classes/output/general_action_bar.php b/grade/classes/output/general_action_bar.php
index 421109973f9..5874543ab7b 100644
--- a/grade/classes/output/general_action_bar.php
+++ b/grade/classes/output/general_action_bar.php
@@ -187,7 +187,7 @@ class general_action_bar extends action_bar {
             $menu[][get_string('moremenu')] = $moregroup;
         }
 
-        $selectmenu = new select_menu('gradesactionselect', $menu, $this->activeurl->out(false));
+        $selectmenu = new select_menu('gradesactionselect', $menu, $this->activeurl->out(false), true);
         $selectmenu->set_label(get_string('gradebooknavigationmenu', 'grades'), ['class' => 'visually-hidden']);
 
         return $selectmenu;
diff --git a/grade/classes/output/import_action_bar.php b/grade/classes/output/import_action_bar.php
index f96bb57ee1d..bd1a50fedb1 100644
--- a/grade/classes/output/import_action_bar.php
+++ b/grade/classes/output/import_action_bar.php
@@ -94,7 +94,7 @@ class import_action_bar extends action_bar {
         }
 
         // This navigation selector menu will contain the links to all available grade export plugin pages.
-        $importsurlselect = new \core\output\select_menu('importas', $importsmenu, $importactiveurl);
+        $importsurlselect = new \core\output\select_menu('importas', $importsmenu, $importactiveurl, true);
         $importsurlselect->set_label(get_string('importas', 'grades'));
         $data['importselector'] = $importsurlselect->export_for_template($output);
 
diff --git a/grade/report/user/classes/output/action_bar.php b/grade/report/user/classes/output/action_bar.php
index 7908045c70e..3f98a06d089 100644
--- a/grade/report/user/classes/output/action_bar.php
+++ b/grade/report/user/classes/output/action_bar.php
@@ -127,7 +127,7 @@ class action_bar extends \core_grades\output\action_bar {
 
                 $selectoractiveurl = $this->userview === GRADE_REPORT_USER_VIEW_USER ? $viewasotheruser : $viewasmyself;
 
-                $viewasselect = new \core\output\select_menu('viewas', $selectoroptions, $selectoractiveurl->out(false));
+                $viewasselect = new \core\output\select_menu('viewas', $selectoroptions, $selectoractiveurl->out(false), true);
                 $viewasselect->set_label(get_string('viewas', 'core_grades'));
 
                 $data['viewasselector'] = $viewasselect->export_for_template($output);
diff --git a/grade/report/user/renderer.php b/grade/report/user/renderer.php
index a53109d9d49..027bddb9a44 100644
--- a/grade/report/user/renderer.php
+++ b/grade/report/user/renderer.php
@@ -190,7 +190,7 @@ class gradereport_user_renderer extends plugin_renderer_base {
 
         $selectoractiveurl = $userview === GRADE_REPORT_USER_VIEW_USER ? $viewasotheruser : $viewasmyself;
 
-        $viewasselect = new \core\output\select_menu('viewas', $selectoroptions, $selectoractiveurl->out(false));
+        $viewasselect = new \core\output\select_menu('viewas', $selectoroptions, $selectoractiveurl->out(false), true);
         $viewasselect->set_label(get_string('viewas', 'core_grades'));
 
         return $this->render_from_template('gradereport_user/view_mode_selector',
diff --git a/lib/classes/output/participants_action_bar.php b/lib/classes/output/participants_action_bar.php
index fa15c275579..fcc5251ae93 100644
--- a/lib/classes/output/participants_action_bar.php
+++ b/lib/classes/output/participants_action_bar.php
@@ -206,7 +206,7 @@ class participants_action_bar implements renderable {
             $activeurl = $this->find_active_page($urlselectcontent);
             $activeurl = $activeurl ?: $this->find_active_page($urlselectcontent, URL_MATCH_BASE);
 
-            $selectmenu = new select_menu('participantsnavigation', $urlselectcontent, $activeurl);
+            $selectmenu = new select_menu('participantsnavigation', $urlselectcontent, $activeurl, true);
             $selectmenu->set_label(get_string('participantsnavigation', 'course'), ['class' => 'visually-hidden']);
 
             return $selectmenu->export_for_template($output);
diff --git a/lib/classes/output/select_menu.php b/lib/classes/output/select_menu.php
index 5944152b5f6..97bc5c1d1f9 100644
--- a/lib/classes/output/select_menu.php
+++ b/lib/classes/output/select_menu.php
@@ -45,6 +45,9 @@ class select_menu implements renderable, templatable {
     /** @var string Name of the combobox element */
     protected $name;
 
+    /** @var bool A flag indicating whether the active state should be disabled in the dropdown. */
+    protected $disableactive;
+
     /**
      * select_menu constructor.
      *
@@ -52,11 +55,19 @@ class select_menu implements renderable, templatable {
      * @param array $options List of options in an associative array format like ['val' => 'Option'].
      *                       Supports grouped options as well. Empty string or null values will be rendered as dividers.
      * @param string|null $selected The value of the preselected option.
+     * @param bool $disableactive A flag that indicates whether the active state should be disabled in the dropdown.
+     *                            This is useful when the dropdown items result in navigation to another page,
+     *                            as it makes it unnecessary to mark the selected item as active. If the flag
+     *                            is set to true, the checkmark indicating the active menu item will not be displayed,
+     *                            as the user is redirected. However, in cases where no redirection occurs and
+     *                            it is valid to display the active state, this flag should remain false,
+     *                            allowing the checkmark to appear beside the active item.
      */
-    public function __construct(string $name, array $options, ?string $selected = null) {
+    public function __construct(string $name, array $options, ?string $selected = null, bool $disableactive = false) {
         $this->name = $name;
         $this->options = $options;
         $this->selected = $selected;
+        $this->disableactive = $disableactive;
     }
 
     /**
@@ -100,6 +111,7 @@ class select_menu implements renderable, templatable {
                                 'value' => $optvalue,
                                 'selected' => $this->selected == $optvalue,
                                 'id' => \html_writer::random_id('select-menu-option'),
+                                'disableactive' => $this->disableactive,
                             ];
                         }
                     }
@@ -113,6 +125,7 @@ class select_menu implements renderable, templatable {
                         'value' => $value,
                         'selected' => $this->selected == $value,
                         'id' => \html_writer::random_id('select-menu-option'),
+                        'disableactive' => $this->disableactive,
                     ];
                 }
             }
@@ -171,6 +184,7 @@ class select_menu implements renderable, templatable {
         $data->selectedoption = $this->get_selected_option();
         $data->name = $this->name;
         $data->value = $this->selected;
+        $data->disableactive = $this->disableactive;
 
         // Label attributes.
         $data->labelattributes = [];
diff --git a/lib/classes/report_helper.php b/lib/classes/report_helper.php
index 6275cdf2743..11f6d1b15f3 100644
--- a/lib/classes/report_helper.php
+++ b/lib/classes/report_helper.php
@@ -69,7 +69,7 @@ class report_helper {
                 }
 
             }
-            $selectmenu = new \core\output\select_menu('reporttype', $menuarray, $activeurl);
+            $selectmenu = new \core\output\select_menu('reporttype', $menuarray, $activeurl, true);
             $selectmenu->set_label(get_string('reporttype'), ['class' => 'visually-hidden']);
             $options = \html_writer::tag(
                 'div',
diff --git a/lib/templates/select_menu.mustache b/lib/templates/select_menu.mustache
index b4ac2c2bb2f..77c50a3b2bb 100644
--- a/lib/templates/select_menu.mustache
+++ b/lib/templates/select_menu.mustache
@@ -27,6 +27,7 @@
     * labelattributes - Label attributes.
     * selectedoption - Text of the selected option
     * options - Array of options for the select with value, name, selected, isgroup and id properites.
+    * disableactive - A flag indicating whether the active state should be disabled in the dropdown.
 
     Example context (json):
     {
@@ -82,7 +83,8 @@
                 "id": "select-menu-option5",
                 "selected": false
             }
-        ]
+        ],
+        "disableactive": false
     }
 }}
 <div class="dropdown select-menu" id="{{baseid}}">
@@ -141,7 +143,9 @@
                                 <li role="separator" class="dropdown-divider"></li>
                             {{/isdivider}}
                             {{^isdivider}}
-                                <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}" {{#selected}}aria-selected="true"{{/selected}}>
+                                <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}"
+                                {{#disableactive}}data-disableactive="true"{{/disableactive}}
+                                {{#selected}}aria-selected="true"{{/selected}}>
                                     {{name}}
                                 </li>
                             {{/isdivider}}
@@ -154,7 +158,9 @@
                     <li role="separator" class="dropdown-divider"></li>
                 {{/isdivider}}
                 {{^isdivider}}
-                    <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}" {{#selected}}aria-selected="true"{{/selected}}>
+                    <li class="dropdown-item" role="option" id="{{id}}" data-value="{{value}}"
+                    {{#disableactive}}data-disableactive="true"{{/disableactive}}
+                    {{#selected}}aria-selected="true"{{/selected}}>
                         {{name}}
                     </li>
                 {{/isdivider}}
diff --git a/lib/tests/behat/behat_navigation.php b/lib/tests/behat/behat_navigation.php
index 599bf8d1923..c70b1a0e902 100644
--- a/lib/tests/behat/behat_navigation.php
+++ b/lib/tests/behat/behat_navigation.php
@@ -1694,4 +1694,52 @@ class behat_navigation extends behat_base {
 
         $this->getSession()->executeScript($script);
     }
+
+    /**
+     * Checks if a dropdown item is active.
+     *
+     * @Then dropdown item :dropdownitem should be active
+     * @param string $dropdownitem The dropdown item name.
+     */
+    public function dropdown_item_should_be_active(string $dropdownitem): void {
+        $elementselector = "//li[contains(text(), '$dropdownitem') and @aria-selected='true']";
+        $params = [$elementselector, "xpath_element"];
+        $this->execute("behat_general::should_exist", $params);
+    }
+
+    /**
+     * Checks if a dropdown item is not active.
+     *
+     * @Then dropdown item :dropdownitem should not be active
+     * @param string $dropdownitem The dropdown item name.
+     */
+    public function dropdown_item_should_not_be_active(string $dropdownitem): void {
+        $elementselector = "//li[contains(text(), '$dropdownitem') and @aria-selected='true']";
+        $params = [$elementselector, "xpath_element"];
+        $this->execute("behat_general::should_not_exist", $params);
+    }
+
+    /**
+     * Selects the specified item from the dropdown menu.
+     *
+     * @When /^I select "([^"]*)" from the dropdown$/
+     * @param string $selecteditem THe dropdown item selected.
+     * @throws ExpectationException
+     */
+    public function i_select_from_the_dropdown(string $selecteditem): void {
+        $isdropdownvisible = $this->getSession()->getPage()->find('css', '.dropdown-menu.show');
+        if (!$isdropdownvisible) {
+            throw new ExpectationException("Dropdown menu is not visible.", $this->getSession());
+        }
+
+        $dropdownitem = $this->getSession()->getPage()->find(
+            'xpath',
+            "//li[contains(@class, 'dropdown-item') and contains(text(), '$selecteditem')]"
+        );
+        if (!$dropdownitem) {
+            throw new ExpectationException("Dropdown item '$selecteditem' not found.", $this->getSession());
+        }
+
+        $dropdownitem->click();
+    }
 }
diff --git a/lib/tests/behat/fixtures/select_menu_disableactive_testpage.php b/lib/tests/behat/fixtures/select_menu_disableactive_testpage.php
new file mode 100644
index 00000000000..e3340a4363f
--- /dev/null
+++ b/lib/tests/behat/fixtures/select_menu_disableactive_testpage.php
@@ -0,0 +1,54 @@
+<?php
+// This file is part of Moodle - https://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <https://www.gnu.org/licenses/>.
+
+/**
+ * Test page for select_menu output component disableactive behaviour.
+ *
+ * @copyright 2026 Monash University
+ * @author    Cameron Ball <cameronball@catalyst-au.net>
+ * @package   core
+ * @license   https://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+declare(strict_types=1);
+
+require_once(__DIR__ . '/../../../../config.php');
+
+defined('BEHAT_SITE_RUNNING') || die();
+
+global $PAGE, $OUTPUT;
+
+require_login();
+
+$PAGE->set_url('/lib/tests/behat/fixtures/select_menu_disableactive_testpage.php');
+$PAGE->add_body_class('limitedwidth');
+$PAGE->set_context(core\context\system::instance());
+$PAGE->set_title('Select menu disableactive fixture');
+
+$options = [
+    'opt1' => 'Option 1',
+    'opt2' => 'Option 2',
+    'opt3' => 'Option 3',
+];
+
+$selectmenu = new core\output\select_menu('fixtureselect', $options, 'opt1', true);
+$selectmenu->set_label('Test combobox');
+
+echo $OUTPUT->header();
+
+echo '<h2>Select menu disableactive fixture</h2>';
+echo $OUTPUT->render($selectmenu);
+echo $OUTPUT->footer();
diff --git a/mod/assign/classes/output/grading_actionmenu.php b/mod/assign/classes/output/grading_actionmenu.php
index 537b4457e0b..b2fdda1f8d9 100644
--- a/mod/assign/classes/output/grading_actionmenu.php
+++ b/mod/assign/classes/output/grading_actionmenu.php
@@ -175,7 +175,7 @@ class grading_actionmenu implements templatable, renderable {
 
         if ($this->assign->is_any_submission_plugin_enabled()) {
             ['statusmenu' => $statusmenu, 'currentvalue' => $currentvalue] = $this->get_status_menu();
-            $statusselect = new \core\output\select_menu('status', $statusmenu, $currentvalue);
+            $statusselect = new \core\output\select_menu('status', $statusmenu, $currentvalue, true);
             $statusselect->set_label(get_string('status', 'mod_assign'), [], true);
             $data['statusselector'] = $statusselect->export_for_template($output);
         }
diff --git a/mod/data/classes/output/action_bar.php b/mod/data/classes/output/action_bar.php
index a4a9beb5822..8d342ec01c6 100644
--- a/mod/data/classes/output/action_bar.php
+++ b/mod/data/classes/output/action_bar.php
@@ -187,7 +187,7 @@ class action_bar {
             $rsstemplatelink->out(false) => get_string('rsstemplate', 'mod_data'),
         ];
 
-        $selectmenu = new \core\output\select_menu('presetsactions', $menu, $this->currenturl->out(false));
+        $selectmenu = new \core\output\select_menu('presetsactions', $menu, $this->currenturl->out(false), true);
         $selectmenu->set_label(get_string('templatesnavigation', 'mod_data'), ['class' => 'visually-hidden']);
 
         $renderer = $PAGE->get_renderer('mod_data');
diff --git a/theme/boost/amd/build/aria.min.js b/theme/boost/amd/build/aria.min.js
index 641659580ba..c4b56f5ce60 100644
--- a/theme/boost/amd/build/aria.min.js
+++ b/theme/boost/amd/build/aria.min.js
@@ -5,6 +5,6 @@ define("theme_boost/aria",["exports","theme_boost/bootstrap/tab","core/pending",
    * @module     theme_boost/aria
    * @copyright  2018 Damyon Wiese <damyon@moodle.com>
    * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
-   */Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.init=void 0,_tab=_interopRequireDefault(_tab),_pending=_interopRequireDefault(_pending),FocusLockManager=function(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!=typeof obj&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!==key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}newObj.default=obj,cache&&cache.set(obj,newObj);return newObj}(FocusLockManager);const dropdownFix=()=>{let focusEnd=!1;const setFocusEnd=function(){let end=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];focusEnd=end},shiftFocus=function(element){let focusCheck=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const pendingPromise=new _pending.default("core/aria:delayed-focus");setTimeout((()=>{focusCheck&&!focusCheck()||element.focus(),pendingPromise.resolve()}),50)},handleMenuButton=e=>{const trigger=e.key;let fixFocus=!1;if(" "!==trigger&&"Enter"!==trigger||(fixFocus=!0,e.preventDefault(),e.target.click()),"ArrowUp"!==trigger&&"ArrowDown"!==trigger||(fixFocus=!0),!fixFocus)return;const menu=e.target.parentElement.querySelector('[role="menu"]');let menuItems=!1,foundMenuItem=!1;menu&&(menuItems=menu.querySelectorAll('[role="menuitem"]')),menuItems&&menuItems.length>0&&("ArrowUp"===trigger?setFocusEnd():setFocusEnd(!1),foundMenuItem=(()=>{const result=focusEnd;return focusEnd=!1,result})()?menuItems[menuItems.length-1]:menuItems[0]),foundMenuItem&&shiftFocus(foundMenuItem)};document.addEventListener("keypress",(e=>{if(e.target.matches('[role="menu"] [role="menuitem"]')){const menu=e.target.closest('[role="menu"]');if(!menu)return;const menuItems=menu.querySelectorAll('[role="menuitem"]');if(!menuItems)return;const trigger=e.key.toLowerCase();for(let i=0;i<menuItems.length;i++){const item=menuItems[i];if(0==item.text.trim().toLowerCase().indexOf(trigger)){shiftFocus(item);break}}}})),document.addEventListener("keydown",(e=>{if(e.target.matches('[data-bs-toggle="dropdown"]')&&handleMenuButton(e),e.target.matches('[role="menu"] [role="menuitem"]')){const trigger=e.key;let next=!1;const menu=e.target.closest('[role="menu"]');if(!menu)return;const menuItems=menu.querySelectorAll('[role="menuitem"]');if(!menuItems)return;if("ArrowDown"==trigger){for(let i=0;i<menuItems.length-1;i++)if(menuItems[i]==e.target){next=menuItems[i+1];break}next||(next=menuItems[0])}else if("ArrowUp"==trigger){for(let i=1;i<menuItems.length;i++)if(menuItems[i]==e.target){next=menuItems[i-1];break}next||(next=menuItems[menuItems.length-1])}else"Home"==trigger?next=menuItems[0]:"End"==trigger&&(next=menuItems[menuItems.length-1]);next&&(e.preventDefault(),shiftFocus(next))}else;})),document.addEventListener("shown.bs.dropdown",(e=>{const dialog=e.target.querySelector('.dropdown-menu[role="dialog"]');dialog&&setTimeout((()=>{FocusLockManager.trapFocus(dialog)}))})),document.addEventListener("hidden.bs.dropdown",(e=>{var _e$clickEvent;e.target.querySelector('.dropdown-menu[role="dialog"]')&&FocusLockManager.untrapFocus();const trigger=e.target.querySelector('[data-bs-toggle="dropdown"]'),focused=(null===(_e$clickEvent=e.clickEvent)||void 0===_e$clickEvent?void 0:_e$clickEvent.target)||(document.activeElement!==document.body?document.activeElement:null);trigger&&focused&&e.target.contains(focused)&&shiftFocus(trigger,(()=>document.activeElement===document.body||e.target.contains(document.activeElement)))}))},rovingFocus=(elements,e,vertical,updateTabIndex)=>{const rtl=window.right_to_left(),arrowNext=vertical?"ArrowDown":rtl?"ArrowLeft":"ArrowRight",arrowPrevious=vertical?"ArrowUp":rtl?"ArrowRight":"ArrowLeft";if(![arrowNext,arrowPrevious,"Home","End"].includes(e.key))return;const focusElement=index=>{elements[index].focus(),updateTabIndex&&elements.forEach(((element,i)=>element.setAttribute("tabindex",i===index?"0":"-1")))},currentIndex=Array.prototype.indexOf.call(elements,e.target);let nextIndex;switch(e.key){case arrowNext:e.preventDefault(),nextIndex=currentIndex+1<elements.length?currentIndex+1:0,focusElement(nextIndex);break;case arrowPrevious:e.preventDefault(),nextIndex=currentIndex-1>=0?currentIndex-1:elements.length-1,focusElement(nextIndex);break;case"Home":e.preventDefault(),focusElement(0);break;case"End":e.preventDefault(),focusElement(elements.length-1)}};_exports.init=()=>{dropdownFix(),(()=>{document.addEventListener("show.bs.dropdown",(e=>{if(e.relatedTarget.matches('[role="combobox"]')){const combobox=e.relatedTarget,listbox=document.querySelector("#".concat(combobox.getAttribute("aria-controls"),'[role="listbox"]'));if(listbox){const selectedOption=listbox.querySelector('[role="option"][aria-selected="true"]');setTimeout((()=>{if(selectedOption)selectedOption.classList.add("active"),combobox.setAttribute("aria-activedescendant",selectedOption.id);else{const firstOption=listbox.querySelector('[role="option"]');firstOption.setAttribute("aria-selected","true"),firstOption.classList.add("active"),combobox.setAttribute("aria-activedescendant",firstOption.id)}}),0)}}})),document.addEventListener("hidden.bs.dropdown",(e=>{if(e.relatedTarget.matches('[role="combobox"]')){const combobox=e.relatedTarget,listbox=document.querySelector("#".concat(combobox.getAttribute("aria-controls"),'[role="listbox"]'));combobox.removeAttribute("aria-activedescendant"),listbox&&setTimeout((()=>{listbox.querySelectorAll('.active[role="option"]').forEach((option=>{option.classList.remove("active")}))}),0)}})),document.addEventListener("keydown",(e=>{if(e.target.matches('[role="combobox"][aria-controls]:not([aria-haspopup=dialog])')){const combobox=e.target,trigger=e.key;let next=null;const listbox=document.querySelector("#".concat(combobox.getAttribute("aria-controls"),'[role="listbox"]')),options=listbox.querySelectorAll('[role="option"]'),activeOption=listbox.querySelector('.active[role="option"]'),editable=combobox.hasAttribute("aria-autocomplete");if(options&&(activeOption||editable)){if("ArrowDown"==trigger){for(let i=0;i<options.length-1;i++)if(options[i]==activeOption){next=options[i+1];break}editable&&!next&&(next=options[0])}if("ArrowUp"==trigger){for(let i=1;i<options.length;i++)if(options[i]==activeOption){next=options[i-1];break}editable&&!next&&(next=options[options.length-1])}else if("Home"!=trigger||editable)if("End"!=trigger||editable){if(" "==trigger&&!editable||"Enter"==trigger)e.preventDefault(),selectOption(combobox,activeOption);else if(!editable)for(let i=0;i<options.length;i++){const option=options[i],optionText=option.textContent.trim().toLowerCase(),keyPressed=e.key.toLowerCase();if(0==optionText.indexOf(keyPressed)){next=option;break}}}else next=options[options.length-1];else next=options[0];next&&(e.preventDefault(),activeOption&&activeOption.classList.remove("active"),next.classList.add("active"),combobox.setAttribute("aria-activedescendant",next.id),next.scrollIntoView({block:"nearest"}))}}}),!0),document.addEventListener("click",(e=>{const option=e.target.closest('[role="listbox"] [role="option"]');if(option){const listbox=option.closest('[role="listbox"]'),combobox=document.querySelector('[role="combobox"][aria-controls="'.concat(listbox.id,'"]'));combobox&&selectOption(combobox,option)}})),document.addEventListener("change",(e=>{if(e.target.matches('input[type="hidden"][id]')){const combobox=document.querySelector('[role="combobox"][data-input-element="'.concat(e.target.id,'"]')),option=e.target.parentElement.querySelector('[role="option"][data-value="'.concat(e.target.value,'"]'));combobox&&option&&selectOption(combobox,option)}}));const selectOption=(combobox,option)=>{const oldSelectedOption=option.closest('[role="listbox"]').querySelector('[role="option"][aria-selected="true"]');if(oldSelectedOption!=option&&(oldSelectedOption&&oldSelectedOption.removeAttribute("aria-selected"),option.setAttribute("aria-selected","true")),combobox.hasAttribute("value"))combobox.value=option.dataset.shortText||option.textContent.replace(/[\n\r]+|[\s]{2,}/g," ").trim();else{const selectedOptionContainer=combobox.querySelector("[data-selected-option]");selectedOptionContainer?selectedOptionContainer.textContent=option.dataset.shortText||option.textContent:combobox.textContent=option.dataset.shortText||option.textContent}if(combobox.dataset.inputElement){const inputElement=document.getElementById(combobox.dataset.inputElement);inputElement&&inputElement.value!=option.dataset.value&&(inputElement.value=option.dataset.value,inputElement.dispatchEvent(new Event("change",{bubbles:!0})))}}})(),window.addEventListener("load",(()=>{const alerts=document.querySelectorAll('[data-aria-autofocus="true"][role="alert"]');Array.prototype.forEach.call(alerts,(autofocusElement=>{autofocusElement.innerHTML+=" ",autofocusElement.removeAttribute("data-aria-autofocus")}))})),document.addEventListener("keydown",(e=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"].includes(e.key)&&e.target.matches('[role="tablist"] [role="tab"]')){const tabList=e.target.closest('[role="tablist"]'),tabs=Array.prototype.filter.call(tabList.querySelectorAll('[role="tab"]'),(tab=>!!tab.offsetHeight)),vertical="vertical"==tabList.getAttribute("aria-orientation");rovingFocus(tabs,e,vertical,!1)}})),document.addEventListener("click",(e=>{if(e.target.matches('[role="tablist"] [data-bs-toggle="tab"], [role="tablist"] [data-bs-toggle="pill"]')){const tabs=e.target.closest('[role="tablist"]').querySelectorAll('[data-bs-toggle="tab"], [data-bs-toggle="pill"]');e.preventDefault(),_tab.default.getOrCreateInstance(e.target).show(),tabs.forEach((tab=>{tab.tabIndex=-1})),e.target.tabIndex=0}})),document.addEventListener("keydown",(e=>{e.target.matches('[data-bs-toggle="collapse"]')&&" "===e.key&&(e.preventDefault(),e.target.click())})),document.addEventListener("keydown",(e=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"].includes(e.key)&&e.target.matches('[role="toolbar"] button')){const buttons=e.target.closest('[role="toolbar"]').querySelectorAll("button");rovingFocus(buttons,e,!1,!0)}}))}}));
+   */Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.init=void 0,_tab=_interopRequireDefault(_tab),_pending=_interopRequireDefault(_pending),FocusLockManager=function(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule)return obj;if(null===obj||"object"!=typeof obj&&"function"!=typeof obj)return{default:obj};var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj))return cache.get(obj);var newObj={},hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj)if("default"!==key&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;desc&&(desc.get||desc.set)?Object.defineProperty(newObj,key,desc):newObj[key]=obj[key]}newObj.default=obj,cache&&cache.set(obj,newObj);return newObj}(FocusLockManager);const dropdownFix=()=>{let focusEnd=!1;const setFocusEnd=function(){let end=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];focusEnd=end},shiftFocus=function(element){let focusCheck=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;const pendingPromise=new _pending.default("core/aria:delayed-focus");setTimeout((()=>{focusCheck&&!focusCheck()||element.focus(),pendingPromise.resolve()}),50)},handleMenuButton=e=>{const trigger=e.key;let fixFocus=!1;if(" "!==trigger&&"Enter"!==trigger||(fixFocus=!0,e.preventDefault(),e.target.click()),"ArrowUp"!==trigger&&"ArrowDown"!==trigger||(fixFocus=!0),!fixFocus)return;const menu=e.target.parentElement.querySelector('[role="menu"]');let menuItems=!1,foundMenuItem=!1;menu&&(menuItems=menu.querySelectorAll('[role="menuitem"]')),menuItems&&menuItems.length>0&&("ArrowUp"===trigger?setFocusEnd():setFocusEnd(!1),foundMenuItem=(()=>{const result=focusEnd;return focusEnd=!1,result})()?menuItems[menuItems.length-1]:menuItems[0]),foundMenuItem&&shiftFocus(foundMenuItem)};document.addEventListener("keypress",(e=>{if(e.target.matches('[role="menu"] [role="menuitem"]')){const menu=e.target.closest('[role="menu"]');if(!menu)return;const menuItems=menu.querySelectorAll('[role="menuitem"]');if(!menuItems)return;const trigger=e.key.toLowerCase();for(let i=0;i<menuItems.length;i++){const item=menuItems[i];if(0==item.text.trim().toLowerCase().indexOf(trigger)){shiftFocus(item);break}}}})),document.addEventListener("keydown",(e=>{if(e.target.matches('[data-bs-toggle="dropdown"]')&&handleMenuButton(e),e.target.matches('[role="menu"] [role="menuitem"]')){const trigger=e.key;let next=!1;const menu=e.target.closest('[role="menu"]');if(!menu)return;const menuItems=menu.querySelectorAll('[role="menuitem"]');if(!menuItems)return;if("ArrowDown"==trigger){for(let i=0;i<menuItems.length-1;i++)if(menuItems[i]==e.target){next=menuItems[i+1];break}next||(next=menuItems[0])}else if("ArrowUp"==trigger){for(let i=1;i<menuItems.length;i++)if(menuItems[i]==e.target){next=menuItems[i-1];break}next||(next=menuItems[menuItems.length-1])}else"Home"==trigger?next=menuItems[0]:"End"==trigger&&(next=menuItems[menuItems.length-1]);next&&(e.preventDefault(),shiftFocus(next))}else;})),document.addEventListener("shown.bs.dropdown",(e=>{const dialog=e.target.querySelector('.dropdown-menu[role="dialog"]');dialog&&setTimeout((()=>{FocusLockManager.trapFocus(dialog)}))})),document.addEventListener("hidden.bs.dropdown",(e=>{var _e$clickEvent;e.target.querySelector('.dropdown-menu[role="dialog"]')&&FocusLockManager.untrapFocus();const trigger=e.target.querySelector('[data-bs-toggle="dropdown"]'),focused=(null===(_e$clickEvent=e.clickEvent)||void 0===_e$clickEvent?void 0:_e$clickEvent.target)||(document.activeElement!==document.body?document.activeElement:null);trigger&&focused&&e.target.contains(focused)&&shiftFocus(trigger,(()=>document.activeElement===document.body||e.target.contains(document.activeElement)))}))},rovingFocus=(elements,e,vertical,updateTabIndex)=>{const rtl=window.right_to_left(),arrowNext=vertical?"ArrowDown":rtl?"ArrowLeft":"ArrowRight",arrowPrevious=vertical?"ArrowUp":rtl?"ArrowRight":"ArrowLeft";if(![arrowNext,arrowPrevious,"Home","End"].includes(e.key))return;const focusElement=index=>{elements[index].focus(),updateTabIndex&&elements.forEach(((element,i)=>element.setAttribute("tabindex",i===index?"0":"-1")))},currentIndex=Array.prototype.indexOf.call(elements,e.target);let nextIndex;switch(e.key){case arrowNext:e.preventDefault(),nextIndex=currentIndex+1<elements.length?currentIndex+1:0,focusElement(nextIndex);break;case arrowPrevious:e.preventDefault(),nextIndex=currentIndex-1>=0?currentIndex-1:elements.length-1,focusElement(nextIndex);break;case"Home":e.preventDefault(),focusElement(0);break;case"End":e.preventDefault(),focusElement(elements.length-1)}};_exports.init=()=>{dropdownFix(),(()=>{document.addEventListener("show.bs.dropdown",(e=>{if(e.relatedTarget.matches('[role="combobox"]')){const combobox=e.relatedTarget,listbox=document.querySelector("#".concat(combobox.getAttribute("aria-controls"),'[role="listbox"]'));if(listbox){const selectedOption=listbox.querySelector('[role="option"][aria-selected="true"]');setTimeout((()=>{if(selectedOption)selectedOption.classList.add("active"),combobox.setAttribute("aria-activedescendant",selectedOption.id);else{const firstOption=listbox.querySelector('[role="option"]');firstOption.setAttribute("aria-selected","true"),firstOption.classList.add("active"),combobox.setAttribute("aria-activedescendant",firstOption.id)}}),0)}}})),document.addEventListener("hidden.bs.dropdown",(e=>{if(e.relatedTarget.matches('[role="combobox"]')){const combobox=e.relatedTarget,listbox=document.querySelector("#".concat(combobox.getAttribute("aria-controls"),'[role="listbox"]'));combobox.removeAttribute("aria-activedescendant"),listbox&&setTimeout((()=>{listbox.querySelectorAll('.active[role="option"]').forEach((option=>{option.classList.remove("active")}))}),0)}})),document.addEventListener("keydown",(e=>{if(e.target.matches('[role="combobox"][aria-controls]:not([aria-haspopup=dialog])')){const combobox=e.target,trigger=e.key;let next=null;const listbox=document.querySelector("#".concat(combobox.getAttribute("aria-controls"),'[role="listbox"]')),options=listbox.querySelectorAll('[role="option"]'),activeOption=listbox.querySelector('.active[role="option"]'),editable=combobox.hasAttribute("aria-autocomplete");if(options&&(activeOption||editable)){if("ArrowDown"==trigger){for(let i=0;i<options.length-1;i++)if(options[i]==activeOption){next=options[i+1];break}editable&&!next&&(next=options[0])}if("ArrowUp"==trigger){for(let i=1;i<options.length;i++)if(options[i]==activeOption){next=options[i-1];break}editable&&!next&&(next=options[options.length-1])}else if("Home"!=trigger||editable)if("End"!=trigger||editable){if(" "==trigger&&!editable||"Enter"==trigger)e.preventDefault(),selectOption(combobox,activeOption);else if(!editable)for(let i=0;i<options.length;i++){const option=options[i],optionText=option.textContent.trim().toLowerCase(),keyPressed=e.key.toLowerCase();if(0==optionText.indexOf(keyPressed)){next=option;break}}}else next=options[options.length-1];else next=options[0];next&&(e.preventDefault(),activeOption&&activeOption.classList.remove("active"),next.classList.add("active"),combobox.setAttribute("aria-activedescendant",next.id),next.scrollIntoView({block:"nearest"}))}}}),!0),document.addEventListener("click",(e=>{const option=e.target.closest('[role="listbox"] [role="option"]');if(option){const listbox=option.closest('[role="listbox"]'),combobox=document.querySelector('[role="combobox"][aria-controls="'.concat(listbox.id,'"]'));combobox&&selectOption(combobox,option)}})),document.addEventListener("change",(e=>{if(e.target.matches('input[type="hidden"][id]')){const combobox=document.querySelector('[role="combobox"][data-input-element="'.concat(e.target.id,'"]')),option=e.target.parentElement.querySelector('[role="option"][data-value="'.concat(e.target.value,'"]'));combobox&&option&&selectOption(combobox,option)}}));const selectOption=(combobox,option)=>{if(combobox.dataset.inputElement){const inputElement=document.getElementById(combobox.dataset.inputElement);inputElement&&inputElement.value!=option.dataset.value&&(inputElement.value=option.dataset.value,inputElement.dispatchEvent(new Event("change",{bubbles:!0})))}if(option.dataset.disableactive)return;const oldSelectedOption=option.closest('[role="listbox"]').querySelector('[role="option"][aria-selected="true"]');if(oldSelectedOption!=option&&(oldSelectedOption&&oldSelectedOption.removeAttribute("aria-selected"),option.setAttribute("aria-selected","true")),combobox.hasAttribute("value"))combobox.value=option.dataset.shortText||option.textContent.replace(/[\n\r]+|[\s]{2,}/g," ").trim();else{const selectedOptionContainer=combobox.querySelector("[data-selected-option]");selectedOptionContainer?selectedOptionContainer.textContent=option.dataset.shortText||option.textContent:combobox.textContent=option.dataset.shortText||option.textContent}}})(),window.addEventListener("load",(()=>{const alerts=document.querySelectorAll('[data-aria-autofocus="true"][role="alert"]');Array.prototype.forEach.call(alerts,(autofocusElement=>{autofocusElement.innerHTML+=" ",autofocusElement.removeAttribute("data-aria-autofocus")}))})),document.addEventListener("keydown",(e=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"].includes(e.key)&&e.target.matches('[role="tablist"] [role="tab"]')){const tabList=e.target.closest('[role="tablist"]'),tabs=Array.prototype.filter.call(tabList.querySelectorAll('[role="tab"]'),(tab=>!!tab.offsetHeight)),vertical="vertical"==tabList.getAttribute("aria-orientation");rovingFocus(tabs,e,vertical,!1)}})),document.addEventListener("click",(e=>{if(e.target.matches('[role="tablist"] [data-bs-toggle="tab"], [role="tablist"] [data-bs-toggle="pill"]')){const tabs=e.target.closest('[role="tablist"]').querySelectorAll('[data-bs-toggle="tab"], [data-bs-toggle="pill"]');e.preventDefault(),_tab.default.getOrCreateInstance(e.target).show(),tabs.forEach((tab=>{tab.tabIndex=-1})),e.target.tabIndex=0}})),document.addEventListener("keydown",(e=>{e.target.matches('[data-bs-toggle="collapse"]')&&" "===e.key&&(e.preventDefault(),e.target.click())})),document.addEventListener("keydown",(e=>{if(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"].includes(e.key)&&e.target.matches('[role="toolbar"] button')){const buttons=e.target.closest('[role="toolbar"]').querySelectorAll("button");rovingFocus(buttons,e,!1,!0)}}))}}));
 
 //# sourceMappingURL=aria.min.js.map
\ No newline at end of file
diff --git a/theme/boost/amd/build/aria.min.js.map b/theme/boost/amd/build/aria.min.js.map
index 6b3e8385bcf..62f5924eed2 100644
--- a/theme/boost/amd/build/aria.min.js.map
+++ b/theme/boost/amd/build/aria.min.js.map
@@ -1 +1 @@
-{"version":3,"file":"aria.min.js","sources":["../src/aria.js"],"sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Enhancements to Bootstrap components for accessibility.\n *\n * @module     theme_boost/aria\n * @copyright  2018 Damyon Wiese <damyon@moodle.com>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport Tab from 'theme_boost/bootstrap/tab';\nimport Pending from 'core/pending';\nimport * as FocusLockManager from 'core/local/aria/focuslock';\n\n/**\n * Drop downs from bootstrap don't support keyboard accessibility by default.\n */\nconst dropdownFix = () => {\n    let focusEnd = false;\n    const setFocusEnd = (end = true) => {\n        focusEnd = end;\n    };\n    const getFocusEnd = () => {\n        const result = focusEnd;\n        focusEnd = false;\n        return result;\n    };\n\n    // Special handling for navigation keys when menu is open.\n    const shiftFocus = (element, focusCheck = null) => {\n        const pendingPromise = new Pending('core/aria:delayed-focus');\n        setTimeout(() => {\n            if (!focusCheck || focusCheck()) {\n                element.focus();\n            }\n\n            pendingPromise.resolve();\n        }, 50);\n    };\n\n    // Event handling for the dropdown menu button.\n    const handleMenuButton = e => {\n        const trigger = e.key;\n        let fixFocus = false;\n\n        // Space key or Enter key opens the menu.\n        if (trigger === ' ' || trigger === 'Enter') {\n            fixFocus = true;\n            // Cancel random scroll.\n            e.preventDefault();\n            // Open the menu instead.\n            e.target.click();\n        }\n\n        // Up and Down keys also open the menu.\n        if (trigger === 'ArrowUp' || trigger === 'ArrowDown') {\n            fixFocus = true;\n        }\n\n        if (!fixFocus) {\n            // No need to fix the focus. Return early.\n            return;\n        }\n\n        // Fix the focus on the menu items when the menu is opened.\n        const menu = e.target.parentElement.querySelector('[role=\"menu\"]');\n        let menuItems = false;\n        let foundMenuItem = false;\n\n        if (menu) {\n            menuItems = menu.querySelectorAll('[role=\"menuitem\"]');\n        }\n        if (menuItems && menuItems.length > 0) {\n            // Up key opens the menu at the end.\n            if (trigger === 'ArrowUp') {\n                setFocusEnd();\n            } else {\n                setFocusEnd(false);\n            }\n\n            if (getFocusEnd()) {\n                foundMenuItem = menuItems[menuItems.length - 1];\n            } else {\n                // The first menu entry, pretty reasonable.\n                foundMenuItem = menuItems[0];\n            }\n        }\n\n        if (foundMenuItem) {\n            shiftFocus(foundMenuItem);\n        }\n    };\n\n    // Search for menu items by finding the first item that has\n    // text starting with the typed character (case insensitive).\n    document.addEventListener('keypress', e => {\n        if (e.target.matches('[role=\"menu\"] [role=\"menuitem\"]')) {\n            const menu = e.target.closest('[role=\"menu\"]');\n            if (!menu) {\n                return;\n            }\n            const menuItems = menu.querySelectorAll('[role=\"menuitem\"]');\n            if (!menuItems) {\n                return;\n            }\n\n            const trigger = e.key.toLowerCase();\n\n            for (let i = 0; i < menuItems.length; i++) {\n                const item = menuItems[i];\n                const itemText = item.text.trim().toLowerCase();\n                if (itemText.indexOf(trigger) == 0) {\n                    shiftFocus(item);\n                    break;\n                }\n            }\n        }\n    });\n\n    // Keyboard navigation for arrow keys, home and end keys.\n    document.addEventListener('keydown', e => {\n\n        // We only want to set focus when users access the dropdown via keyboard as per\n        // guidelines defined in w3 aria practices 1.1 menu-button.\n        if (e.target.matches('[data-bs-toggle=\"dropdown\"]')) {\n            handleMenuButton(e);\n        }\n\n        if (e.target.matches('[role=\"menu\"] [role=\"menuitem\"]')) {\n            const trigger = e.key;\n            let next = false;\n            const menu = e.target.closest('[role=\"menu\"]');\n\n            if (!menu) {\n                return;\n            }\n            const menuItems = menu.querySelectorAll('[role=\"menuitem\"]');\n            if (!menuItems) {\n                return;\n            }\n            // Down key.\n            if (trigger == 'ArrowDown') {\n                for (let i = 0; i < menuItems.length - 1; i++) {\n                    if (menuItems[i] == e.target) {\n                        next = menuItems[i + 1];\n                        break;\n                    }\n                }\n                if (!next) {\n                    // Wrap to first item.\n                    next = menuItems[0];\n                }\n            } else if (trigger == 'ArrowUp') {\n                // Up key.\n                for (let i = 1; i < menuItems.length; i++) {\n                    if (menuItems[i] == e.target) {\n                        next = menuItems[i - 1];\n                        break;\n                    }\n                }\n                if (!next) {\n                    // Wrap to last item.\n                    next = menuItems[menuItems.length - 1];\n                }\n            } else if (trigger == 'Home') {\n                // Home key.\n                next = menuItems[0];\n\n            } else if (trigger == 'End') {\n                // End key.\n                next = menuItems[menuItems.length - 1];\n            }\n\n            // Variable next is set if we do want to act on the keypress.\n            if (next) {\n                e.preventDefault();\n                shiftFocus(next);\n            }\n            return;\n        }\n    });\n\n    // Trap focus if the dropdown is a dialog.\n    document.addEventListener('shown.bs.dropdown', e => {\n        const dialog = e.target.querySelector('.dropdown-menu[role=\"dialog\"]');\n        if (dialog) {\n            // Use setTimeout to make sure the dialog is positioned correctly to prevent random scrolling.\n            setTimeout(() => {\n                FocusLockManager.trapFocus(dialog);\n            });\n        }\n    });\n\n    // Untrap focus when the dialog dropdown is closed.\n    document.addEventListener('hidden.bs.dropdown', e => {\n        const dialog = e.target.querySelector('.dropdown-menu[role=\"dialog\"]');\n        if (dialog) {\n            FocusLockManager.untrapFocus();\n        }\n\n        // We need to focus on the menu trigger.\n        const trigger = e.target.querySelector('[data-bs-toggle=\"dropdown\"]');\n        // If it's a click event, then no element is focused because the clicked element is inside a closed dropdown.\n        const focused = e.clickEvent?.target || (document.activeElement !== document.body ? document.activeElement : null);\n        if (trigger && focused && e.target.contains(focused)) {\n            shiftFocus(trigger, () => {\n                if (document.activeElement === document.body) {\n                    // If the focus is currently on the body, then we can safely assume that the focus needs to be updated.\n                    return true;\n                }\n\n                // If the focus is on a child of the clicked element still, then update the focus.\n                return e.target.contains(document.activeElement);\n            });\n        }\n    });\n};\n\n/**\n * A lot of Bootstrap's out of the box features don't work if dropdown items are not focusable.\n */\nconst comboboxFix = () => {\n    document.addEventListener('show.bs.dropdown', e => {\n        if (e.relatedTarget.matches('[role=\"combobox\"]')) {\n            const combobox = e.relatedTarget;\n            const listbox = document.querySelector(`#${combobox.getAttribute('aria-controls')}[role=\"listbox\"]`);\n\n            if (listbox) {\n                const selectedOption = listbox.querySelector('[role=\"option\"][aria-selected=\"true\"]');\n\n                // To make sure ArrowDown doesn't move the active option afterwards.\n                setTimeout(() => {\n                    if (selectedOption) {\n                        selectedOption.classList.add('active');\n                        combobox.setAttribute('aria-activedescendant', selectedOption.id);\n                    } else {\n                        const firstOption = listbox.querySelector('[role=\"option\"]');\n                        firstOption.setAttribute('aria-selected', 'true');\n                        firstOption.classList.add('active');\n                        combobox.setAttribute('aria-activedescendant', firstOption.id);\n                    }\n                }, 0);\n            }\n        }\n    });\n\n    document.addEventListener('hidden.bs.dropdown', e => {\n        if (e.relatedTarget.matches('[role=\"combobox\"]')) {\n            const combobox = e.relatedTarget;\n            const listbox = document.querySelector(`#${combobox.getAttribute('aria-controls')}[role=\"listbox\"]`);\n\n            combobox.removeAttribute('aria-activedescendant');\n\n            if (listbox) {\n                setTimeout(() => {\n                    // Undo all previously highlighted options.\n                    listbox.querySelectorAll('.active[role=\"option\"]').forEach(option => {\n                        option.classList.remove('active');\n                    });\n                }, 0);\n            }\n        }\n    });\n\n    // Handling keyboard events for both navigating through and selecting options.\n    document.addEventListener('keydown', e => {\n        if (e.target.matches('[role=\"combobox\"][aria-controls]:not([aria-haspopup=dialog])')) {\n            const combobox = e.target;\n            const trigger = e.key;\n            let next = null;\n            const listbox = document.querySelector(`#${combobox.getAttribute('aria-controls')}[role=\"listbox\"]`);\n            const options = listbox.querySelectorAll('[role=\"option\"]');\n            const activeOption = listbox.querySelector('.active[role=\"option\"]');\n            const editable = combobox.hasAttribute('aria-autocomplete');\n\n            // Under the special case that the dropdown menu is being shown as a result of the key press (like when the user\n            // presses ArrowDown or Enter or ... to open the dropdown menu), activeOption is not set yet.\n            // It's because of a race condition with show.bs.dropdown event handler.\n            if (options && (activeOption || editable)) {\n                if (trigger == 'ArrowDown') {\n                    for (let i = 0; i < options.length - 1; i++) {\n                        if (options[i] == activeOption) {\n                            next = options[i + 1];\n                            break;\n                        }\n                    }\n                    if (editable && !next) {\n                        next = options[0];\n                    }\n                } if (trigger == 'ArrowUp') {\n                    for (let i = 1; i < options.length; i++) {\n                        if (options[i] == activeOption) {\n                            next = options[i - 1];\n                            break;\n                        }\n                    }\n                    if (editable && !next) {\n                        next = options[options.length - 1];\n                    }\n                } else if (trigger == 'Home' && !editable) {\n                    next = options[0];\n                } else if (trigger == 'End' && !editable) {\n                    next = options[options.length - 1];\n                } else if ((trigger == ' ' && !editable) || trigger == 'Enter') {\n                    e.preventDefault();\n                    selectOption(combobox, activeOption);\n                } else if (!editable) {\n                    // Search for options by finding the first option that has\n                    // text starting with the typed character (case insensitive).\n                    for (let i = 0; i < options.length; i++) {\n                        const option = options[i];\n                        const optionText = option.textContent.trim().toLowerCase();\n                        const keyPressed = e.key.toLowerCase();\n                        if (optionText.indexOf(keyPressed) == 0) {\n                            next = option;\n                            break;\n                        }\n                    }\n                }\n\n                // Variable next is set if we do want to act on the keypress.\n                if (next) {\n                    e.preventDefault();\n                    if (activeOption) {\n                        activeOption.classList.remove('active');\n                    }\n                    next.classList.add('active');\n                    combobox.setAttribute('aria-activedescendant', next.id);\n                    next.scrollIntoView({block: 'nearest'});\n                }\n            }\n        }\n    }, true);\n\n    document.addEventListener('click', e => {\n        const option = e.target.closest('[role=\"listbox\"] [role=\"option\"]');\n        if (option) {\n            const listbox = option.closest('[role=\"listbox\"]');\n            const combobox = document.querySelector(`[role=\"combobox\"][aria-controls=\"${listbox.id}\"]`);\n            if (combobox) {\n                selectOption(combobox, option);\n            }\n        }\n    });\n\n    // In case some code somewhere else changes the value of the combobox.\n    document.addEventListener('change', e => {\n        if (e.target.matches('input[type=\"hidden\"][id]')) {\n            const combobox = document.querySelector(`[role=\"combobox\"][data-input-element=\"${e.target.id}\"]`);\n            const option = e.target.parentElement.querySelector(`[role=\"option\"][data-value=\"${e.target.value}\"]`);\n\n            if (combobox && option) {\n                selectOption(combobox, option);\n            }\n        }\n    });\n\n    const selectOption = (combobox, option) => {\n        const listbox = option.closest('[role=\"listbox\"]');\n        const oldSelectedOption = listbox.querySelector('[role=\"option\"][aria-selected=\"true\"]');\n\n        if (oldSelectedOption != option) {\n            if (oldSelectedOption) {\n                oldSelectedOption.removeAttribute('aria-selected');\n            }\n            option.setAttribute('aria-selected', 'true');\n        }\n\n        if (combobox.hasAttribute('value')) {\n            combobox.value = option.dataset.shortText || option.textContent.replace(/[\\n\\r]+|[\\s]{2,}/g, ' ').trim();\n        } else {\n            const selectedOptionContainer = combobox.querySelector('[data-selected-option]');\n            if (selectedOptionContainer) {\n                selectedOptionContainer.textContent = option.dataset.shortText || option.textContent;\n            } else {\n                combobox.textContent = option.dataset.shortText || option.textContent;\n            }\n        }\n\n        if (combobox.dataset.inputElement) {\n            const inputElement = document.getElementById(combobox.dataset.inputElement);\n            if (inputElement && (inputElement.value != option.dataset.value)) {\n                inputElement.value = option.dataset.value;\n                inputElement.dispatchEvent(new Event('change', {bubbles: true}));\n            }\n        }\n    };\n};\n\n/**\n * After page load, focus on any element with special autofocus attribute.\n */\nconst autoFocus = () => {\n    window.addEventListener(\"load\", () => {\n        const alerts = document.querySelectorAll('[data-aria-autofocus=\"true\"][role=\"alert\"]');\n        Array.prototype.forEach.call(alerts, autofocusElement => {\n            // According to the specification an role=\"alert\" region is only read out on change to the content\n            // of that region.\n            autofocusElement.innerHTML += ' ';\n            autofocusElement.removeAttribute('data-aria-autofocus');\n        });\n    });\n};\n\n/**\n * Changes the focus to the correct element based on the key that is pressed.\n * @param {NodeList} elements A NodeList of focusable elements to navigate between.\n * @param {KeyboardEvent} e The keyboard event that triggers the roving focus.\n * @param {boolean} vertical Whether the navigation is vertical.\n * @param {boolean} updateTabIndex Whether to update the tabIndex of the elements.\n */\nconst rovingFocus = (elements, e, vertical, updateTabIndex) => {\n    const rtl = window.right_to_left();\n    const arrowNext = vertical ? 'ArrowDown' : (rtl ? 'ArrowLeft' : 'ArrowRight');\n    const arrowPrevious = vertical ? 'ArrowUp' : (rtl ? 'ArrowRight' : 'ArrowLeft');\n    const keys = [arrowNext, arrowPrevious, 'Home', 'End'];\n\n    if (!keys.includes(e.key)) {\n        return;\n    }\n\n    const focusElement = index => {\n        elements[index].focus();\n        if (updateTabIndex) {\n            elements.forEach((element, i) => element.setAttribute('tabindex', i === index ? '0' : '-1'));\n        }\n    };\n\n    const currentIndex = Array.prototype.indexOf.call(elements, e.target);\n    let nextIndex;\n\n    switch (e.key) {\n        case arrowNext:\n            e.preventDefault();\n            nextIndex = (currentIndex + 1 < elements.length) ? currentIndex + 1 : 0;\n            focusElement(nextIndex);\n            break;\n        case arrowPrevious:\n            e.preventDefault();\n            nextIndex = (currentIndex - 1 >= 0) ? currentIndex - 1 : elements.length - 1;\n            focusElement(nextIndex);\n            break;\n        case 'Home':\n            e.preventDefault();\n            focusElement(0);\n            break;\n        case 'End':\n            e.preventDefault();\n            focusElement(elements.length - 1);\n    }\n};\n\n/**\n * Fix accessibility issues regarding tab elements focus and their tab order in Bootstrap navs.\n */\nconst tabElementFix = () => {\n    document.addEventListener('keydown', e => {\n        if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(e.key)) {\n            if (e.target.matches('[role=\"tablist\"] [role=\"tab\"]')) {\n                const tabList = e.target.closest('[role=\"tablist\"]');\n                const tabs = Array.prototype.filter.call(\n                    tabList.querySelectorAll('[role=\"tab\"]'),\n                    tab => !!tab.offsetHeight\n                ); // We only work with the visible tabs.\n                const vertical = tabList.getAttribute('aria-orientation') == 'vertical';\n\n                rovingFocus(tabs, e, vertical, false);\n            }\n        }\n    });\n\n    document.addEventListener('click', e => {\n        if (e.target.matches('[role=\"tablist\"] [data-bs-toggle=\"tab\"], [role=\"tablist\"] [data-bs-toggle=\"pill\"]')) {\n            const tabs = e.target.closest('[role=\"tablist\"]').querySelectorAll('[data-bs-toggle=\"tab\"], [data-bs-toggle=\"pill\"]');\n            e.preventDefault();\n            Tab.getOrCreateInstance(e.target).show();\n            tabs.forEach(tab => {\n                tab.tabIndex = -1;\n            });\n            e.target.tabIndex = 0;\n        }\n    });\n};\n\n/**\n * Fix keyboard interaction with Bootstrap Collapse elements.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure|WAI-ARIA Authoring Practices 1.1 - Disclosure (Show/Hide)}\n */\nconst collapseFix = () => {\n    document.addEventListener('keydown', e => {\n        if (e.target.matches('[data-bs-toggle=\"collapse\"]')) {\n            // Pressing space should toggle expand/collapse.\n            if (e.key === ' ') {\n                e.preventDefault();\n                e.target.click();\n            }\n        }\n    });\n};\n\n/**\n * Fix accessibility issues\n */\nconst toolbarFix = () => {\n    document.addEventListener('keydown', e => {\n        if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(e.key)) {\n            if (e.target.matches('[role=\"toolbar\"] button')) {\n                const buttons = e.target.closest('[role=\"toolbar\"]').querySelectorAll('button');\n                rovingFocus(buttons, e, false, true);\n            }\n        }\n    });\n};\n\nexport const init = () => {\n    dropdownFix();\n    comboboxFix();\n    autoFocus();\n    tabElementFix();\n    collapseFix();\n    toolbarFix();\n};\n"],"names":["dropdownFix","focusEnd","setFocusEnd","end","shiftFocus","element","focusCheck","pendingPromise","Pending","setTimeout","focus","resolve","handleMenuButton","e","trigger","key","fixFocus","preventDefault","target","click","menu","parentElement","querySelector","menuItems","foundMenuItem","querySelectorAll","length","result","getFocusEnd","document","addEventListener","matches","closest","toLowerCase","i","item","text","trim","indexOf","next","dialog","FocusLockManager","trapFocus","untrapFocus","focused","clickEvent","activeElement","body","contains","rovingFocus","elements","vertical","updateTabIndex","rtl","window","right_to_left","arrowNext","arrowPrevious","includes","focusElement","index","forEach","setAttribute","currentIndex","Array","prototype","call","nextIndex","relatedTarget","combobox","listbox","getAttribute","selectedOption","classList","add","id","firstOption","removeAttribute","option","remove","options","activeOption","editable","hasAttribute","selectOption","optionText","textContent","keyPressed","scrollIntoView","block","value","oldSelectedOption","dataset","shortText","replace","selectedOptionContainer","inputElement","getElementById","dispatchEvent","Event","bubbles","comboboxFix","alerts","autofocusElement","innerHTML","tabList","tabs","filter","tab","offsetHeight","getOrCreateInstance","show","tabIndex","buttons"],"mappings":"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"}
\ No newline at end of file
+{"version":3,"file":"aria.min.js","sources":["../src/aria.js"],"sourcesContent":["// This file is part of Moodle - http://moodle.org/\n//\n// Moodle is free software: you can redistribute it and/or modify\n// it under the terms of the GNU General Public License as published by\n// the Free Software Foundation, either version 3 of the License, or\n// (at your option) any later version.\n//\n// Moodle is distributed in the hope that it will be useful,\n// but WITHOUT ANY WARRANTY; without even the implied warranty of\n// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n// GNU General Public License for more details.\n//\n// You should have received a copy of the GNU General Public License\n// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.\n\n/**\n * Enhancements to Bootstrap components for accessibility.\n *\n * @module     theme_boost/aria\n * @copyright  2018 Damyon Wiese <damyon@moodle.com>\n * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later\n */\n\nimport Tab from 'theme_boost/bootstrap/tab';\nimport Pending from 'core/pending';\nimport * as FocusLockManager from 'core/local/aria/focuslock';\n\n/**\n * Drop downs from bootstrap don't support keyboard accessibility by default.\n */\nconst dropdownFix = () => {\n    let focusEnd = false;\n    const setFocusEnd = (end = true) => {\n        focusEnd = end;\n    };\n    const getFocusEnd = () => {\n        const result = focusEnd;\n        focusEnd = false;\n        return result;\n    };\n\n    // Special handling for navigation keys when menu is open.\n    const shiftFocus = (element, focusCheck = null) => {\n        const pendingPromise = new Pending('core/aria:delayed-focus');\n        setTimeout(() => {\n            if (!focusCheck || focusCheck()) {\n                element.focus();\n            }\n\n            pendingPromise.resolve();\n        }, 50);\n    };\n\n    // Event handling for the dropdown menu button.\n    const handleMenuButton = e => {\n        const trigger = e.key;\n        let fixFocus = false;\n\n        // Space key or Enter key opens the menu.\n        if (trigger === ' ' || trigger === 'Enter') {\n            fixFocus = true;\n            // Cancel random scroll.\n            e.preventDefault();\n            // Open the menu instead.\n            e.target.click();\n        }\n\n        // Up and Down keys also open the menu.\n        if (trigger === 'ArrowUp' || trigger === 'ArrowDown') {\n            fixFocus = true;\n        }\n\n        if (!fixFocus) {\n            // No need to fix the focus. Return early.\n            return;\n        }\n\n        // Fix the focus on the menu items when the menu is opened.\n        const menu = e.target.parentElement.querySelector('[role=\"menu\"]');\n        let menuItems = false;\n        let foundMenuItem = false;\n\n        if (menu) {\n            menuItems = menu.querySelectorAll('[role=\"menuitem\"]');\n        }\n        if (menuItems && menuItems.length > 0) {\n            // Up key opens the menu at the end.\n            if (trigger === 'ArrowUp') {\n                setFocusEnd();\n            } else {\n                setFocusEnd(false);\n            }\n\n            if (getFocusEnd()) {\n                foundMenuItem = menuItems[menuItems.length - 1];\n            } else {\n                // The first menu entry, pretty reasonable.\n                foundMenuItem = menuItems[0];\n            }\n        }\n\n        if (foundMenuItem) {\n            shiftFocus(foundMenuItem);\n        }\n    };\n\n    // Search for menu items by finding the first item that has\n    // text starting with the typed character (case insensitive).\n    document.addEventListener('keypress', e => {\n        if (e.target.matches('[role=\"menu\"] [role=\"menuitem\"]')) {\n            const menu = e.target.closest('[role=\"menu\"]');\n            if (!menu) {\n                return;\n            }\n            const menuItems = menu.querySelectorAll('[role=\"menuitem\"]');\n            if (!menuItems) {\n                return;\n            }\n\n            const trigger = e.key.toLowerCase();\n\n            for (let i = 0; i < menuItems.length; i++) {\n                const item = menuItems[i];\n                const itemText = item.text.trim().toLowerCase();\n                if (itemText.indexOf(trigger) == 0) {\n                    shiftFocus(item);\n                    break;\n                }\n            }\n        }\n    });\n\n    // Keyboard navigation for arrow keys, home and end keys.\n    document.addEventListener('keydown', e => {\n\n        // We only want to set focus when users access the dropdown via keyboard as per\n        // guidelines defined in w3 aria practices 1.1 menu-button.\n        if (e.target.matches('[data-bs-toggle=\"dropdown\"]')) {\n            handleMenuButton(e);\n        }\n\n        if (e.target.matches('[role=\"menu\"] [role=\"menuitem\"]')) {\n            const trigger = e.key;\n            let next = false;\n            const menu = e.target.closest('[role=\"menu\"]');\n\n            if (!menu) {\n                return;\n            }\n            const menuItems = menu.querySelectorAll('[role=\"menuitem\"]');\n            if (!menuItems) {\n                return;\n            }\n            // Down key.\n            if (trigger == 'ArrowDown') {\n                for (let i = 0; i < menuItems.length - 1; i++) {\n                    if (menuItems[i] == e.target) {\n                        next = menuItems[i + 1];\n                        break;\n                    }\n                }\n                if (!next) {\n                    // Wrap to first item.\n                    next = menuItems[0];\n                }\n            } else if (trigger == 'ArrowUp') {\n                // Up key.\n                for (let i = 1; i < menuItems.length; i++) {\n                    if (menuItems[i] == e.target) {\n                        next = menuItems[i - 1];\n                        break;\n                    }\n                }\n                if (!next) {\n                    // Wrap to last item.\n                    next = menuItems[menuItems.length - 1];\n                }\n            } else if (trigger == 'Home') {\n                // Home key.\n                next = menuItems[0];\n\n            } else if (trigger == 'End') {\n                // End key.\n                next = menuItems[menuItems.length - 1];\n            }\n\n            // Variable next is set if we do want to act on the keypress.\n            if (next) {\n                e.preventDefault();\n                shiftFocus(next);\n            }\n            return;\n        }\n    });\n\n    // Trap focus if the dropdown is a dialog.\n    document.addEventListener('shown.bs.dropdown', e => {\n        const dialog = e.target.querySelector('.dropdown-menu[role=\"dialog\"]');\n        if (dialog) {\n            // Use setTimeout to make sure the dialog is positioned correctly to prevent random scrolling.\n            setTimeout(() => {\n                FocusLockManager.trapFocus(dialog);\n            });\n        }\n    });\n\n    // Untrap focus when the dialog dropdown is closed.\n    document.addEventListener('hidden.bs.dropdown', e => {\n        const dialog = e.target.querySelector('.dropdown-menu[role=\"dialog\"]');\n        if (dialog) {\n            FocusLockManager.untrapFocus();\n        }\n\n        // We need to focus on the menu trigger.\n        const trigger = e.target.querySelector('[data-bs-toggle=\"dropdown\"]');\n        // If it's a click event, then no element is focused because the clicked element is inside a closed dropdown.\n        const focused = e.clickEvent?.target || (document.activeElement !== document.body ? document.activeElement : null);\n        if (trigger && focused && e.target.contains(focused)) {\n            shiftFocus(trigger, () => {\n                if (document.activeElement === document.body) {\n                    // If the focus is currently on the body, then we can safely assume that the focus needs to be updated.\n                    return true;\n                }\n\n                // If the focus is on a child of the clicked element still, then update the focus.\n                return e.target.contains(document.activeElement);\n            });\n        }\n    });\n};\n\n/**\n * A lot of Bootstrap's out of the box features don't work if dropdown items are not focusable.\n */\nconst comboboxFix = () => {\n    document.addEventListener('show.bs.dropdown', e => {\n        if (e.relatedTarget.matches('[role=\"combobox\"]')) {\n            const combobox = e.relatedTarget;\n            const listbox = document.querySelector(`#${combobox.getAttribute('aria-controls')}[role=\"listbox\"]`);\n\n            if (listbox) {\n                const selectedOption = listbox.querySelector('[role=\"option\"][aria-selected=\"true\"]');\n\n                // To make sure ArrowDown doesn't move the active option afterwards.\n                setTimeout(() => {\n                    if (selectedOption) {\n                        selectedOption.classList.add('active');\n                        combobox.setAttribute('aria-activedescendant', selectedOption.id);\n                    } else {\n                        const firstOption = listbox.querySelector('[role=\"option\"]');\n                        firstOption.setAttribute('aria-selected', 'true');\n                        firstOption.classList.add('active');\n                        combobox.setAttribute('aria-activedescendant', firstOption.id);\n                    }\n                }, 0);\n            }\n        }\n    });\n\n    document.addEventListener('hidden.bs.dropdown', e => {\n        if (e.relatedTarget.matches('[role=\"combobox\"]')) {\n            const combobox = e.relatedTarget;\n            const listbox = document.querySelector(`#${combobox.getAttribute('aria-controls')}[role=\"listbox\"]`);\n\n            combobox.removeAttribute('aria-activedescendant');\n\n            if (listbox) {\n                setTimeout(() => {\n                    // Undo all previously highlighted options.\n                    listbox.querySelectorAll('.active[role=\"option\"]').forEach(option => {\n                        option.classList.remove('active');\n                    });\n                }, 0);\n            }\n        }\n    });\n\n    // Handling keyboard events for both navigating through and selecting options.\n    document.addEventListener('keydown', e => {\n        if (e.target.matches('[role=\"combobox\"][aria-controls]:not([aria-haspopup=dialog])')) {\n            const combobox = e.target;\n            const trigger = e.key;\n            let next = null;\n            const listbox = document.querySelector(`#${combobox.getAttribute('aria-controls')}[role=\"listbox\"]`);\n            const options = listbox.querySelectorAll('[role=\"option\"]');\n            const activeOption = listbox.querySelector('.active[role=\"option\"]');\n            const editable = combobox.hasAttribute('aria-autocomplete');\n\n            // Under the special case that the dropdown menu is being shown as a result of the key press (like when the user\n            // presses ArrowDown or Enter or ... to open the dropdown menu), activeOption is not set yet.\n            // It's because of a race condition with show.bs.dropdown event handler.\n            if (options && (activeOption || editable)) {\n                if (trigger == 'ArrowDown') {\n                    for (let i = 0; i < options.length - 1; i++) {\n                        if (options[i] == activeOption) {\n                            next = options[i + 1];\n                            break;\n                        }\n                    }\n                    if (editable && !next) {\n                        next = options[0];\n                    }\n                } if (trigger == 'ArrowUp') {\n                    for (let i = 1; i < options.length; i++) {\n                        if (options[i] == activeOption) {\n                            next = options[i - 1];\n                            break;\n                        }\n                    }\n                    if (editable && !next) {\n                        next = options[options.length - 1];\n                    }\n                } else if (trigger == 'Home' && !editable) {\n                    next = options[0];\n                } else if (trigger == 'End' && !editable) {\n                    next = options[options.length - 1];\n                } else if ((trigger == ' ' && !editable) || trigger == 'Enter') {\n                    e.preventDefault();\n                    selectOption(combobox, activeOption);\n                } else if (!editable) {\n                    // Search for options by finding the first option that has\n                    // text starting with the typed character (case insensitive).\n                    for (let i = 0; i < options.length; i++) {\n                        const option = options[i];\n                        const optionText = option.textContent.trim().toLowerCase();\n                        const keyPressed = e.key.toLowerCase();\n                        if (optionText.indexOf(keyPressed) == 0) {\n                            next = option;\n                            break;\n                        }\n                    }\n                }\n\n                // Variable next is set if we do want to act on the keypress.\n                if (next) {\n                    e.preventDefault();\n                    if (activeOption) {\n                        activeOption.classList.remove('active');\n                    }\n                    next.classList.add('active');\n                    combobox.setAttribute('aria-activedescendant', next.id);\n                    next.scrollIntoView({block: 'nearest'});\n                }\n            }\n        }\n    }, true);\n\n    document.addEventListener('click', e => {\n        const option = e.target.closest('[role=\"listbox\"] [role=\"option\"]');\n        if (option) {\n            const listbox = option.closest('[role=\"listbox\"]');\n            const combobox = document.querySelector(`[role=\"combobox\"][aria-controls=\"${listbox.id}\"]`);\n            if (combobox) {\n                selectOption(combobox, option);\n            }\n        }\n    });\n\n    // In case some code somewhere else changes the value of the combobox.\n    document.addEventListener('change', e => {\n        if (e.target.matches('input[type=\"hidden\"][id]')) {\n            const combobox = document.querySelector(`[role=\"combobox\"][data-input-element=\"${e.target.id}\"]`);\n            const option = e.target.parentElement.querySelector(`[role=\"option\"][data-value=\"${e.target.value}\"]`);\n\n            if (combobox && option) {\n                selectOption(combobox, option);\n            }\n        }\n    });\n\n    const selectOption = (combobox, option) => {\n        if (combobox.dataset.inputElement) {\n            const inputElement = document.getElementById(combobox.dataset.inputElement);\n            if (inputElement && (inputElement.value != option.dataset.value)) {\n                inputElement.value = option.dataset.value;\n                inputElement.dispatchEvent(new Event('change', {bubbles: true}));\n            }\n        }\n\n        if (option.dataset.disableactive) {\n            return;\n        }\n\n        const listbox = option.closest('[role=\"listbox\"]');\n        const oldSelectedOption = listbox.querySelector('[role=\"option\"][aria-selected=\"true\"]');\n\n        if (oldSelectedOption != option) {\n            if (oldSelectedOption) {\n                oldSelectedOption.removeAttribute('aria-selected');\n            }\n            option.setAttribute('aria-selected', 'true');\n        }\n\n        if (combobox.hasAttribute('value')) {\n            combobox.value = option.dataset.shortText || option.textContent.replace(/[\\n\\r]+|[\\s]{2,}/g, ' ').trim();\n        } else {\n            const selectedOptionContainer = combobox.querySelector('[data-selected-option]');\n            if (selectedOptionContainer) {\n                selectedOptionContainer.textContent = option.dataset.shortText || option.textContent;\n            } else {\n                combobox.textContent = option.dataset.shortText || option.textContent;\n            }\n        }\n    };\n};\n\n/**\n * After page load, focus on any element with special autofocus attribute.\n */\nconst autoFocus = () => {\n    window.addEventListener(\"load\", () => {\n        const alerts = document.querySelectorAll('[data-aria-autofocus=\"true\"][role=\"alert\"]');\n        Array.prototype.forEach.call(alerts, autofocusElement => {\n            // According to the specification an role=\"alert\" region is only read out on change to the content\n            // of that region.\n            autofocusElement.innerHTML += ' ';\n            autofocusElement.removeAttribute('data-aria-autofocus');\n        });\n    });\n};\n\n/**\n * Changes the focus to the correct element based on the key that is pressed.\n * @param {NodeList} elements A NodeList of focusable elements to navigate between.\n * @param {KeyboardEvent} e The keyboard event that triggers the roving focus.\n * @param {boolean} vertical Whether the navigation is vertical.\n * @param {boolean} updateTabIndex Whether to update the tabIndex of the elements.\n */\nconst rovingFocus = (elements, e, vertical, updateTabIndex) => {\n    const rtl = window.right_to_left();\n    const arrowNext = vertical ? 'ArrowDown' : (rtl ? 'ArrowLeft' : 'ArrowRight');\n    const arrowPrevious = vertical ? 'ArrowUp' : (rtl ? 'ArrowRight' : 'ArrowLeft');\n    const keys = [arrowNext, arrowPrevious, 'Home', 'End'];\n\n    if (!keys.includes(e.key)) {\n        return;\n    }\n\n    const focusElement = index => {\n        elements[index].focus();\n        if (updateTabIndex) {\n            elements.forEach((element, i) => element.setAttribute('tabindex', i === index ? '0' : '-1'));\n        }\n    };\n\n    const currentIndex = Array.prototype.indexOf.call(elements, e.target);\n    let nextIndex;\n\n    switch (e.key) {\n        case arrowNext:\n            e.preventDefault();\n            nextIndex = (currentIndex + 1 < elements.length) ? currentIndex + 1 : 0;\n            focusElement(nextIndex);\n            break;\n        case arrowPrevious:\n            e.preventDefault();\n            nextIndex = (currentIndex - 1 >= 0) ? currentIndex - 1 : elements.length - 1;\n            focusElement(nextIndex);\n            break;\n        case 'Home':\n            e.preventDefault();\n            focusElement(0);\n            break;\n        case 'End':\n            e.preventDefault();\n            focusElement(elements.length - 1);\n    }\n};\n\n/**\n * Fix accessibility issues regarding tab elements focus and their tab order in Bootstrap navs.\n */\nconst tabElementFix = () => {\n    document.addEventListener('keydown', e => {\n        if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(e.key)) {\n            if (e.target.matches('[role=\"tablist\"] [role=\"tab\"]')) {\n                const tabList = e.target.closest('[role=\"tablist\"]');\n                const tabs = Array.prototype.filter.call(\n                    tabList.querySelectorAll('[role=\"tab\"]'),\n                    tab => !!tab.offsetHeight\n                ); // We only work with the visible tabs.\n                const vertical = tabList.getAttribute('aria-orientation') == 'vertical';\n\n                rovingFocus(tabs, e, vertical, false);\n            }\n        }\n    });\n\n    document.addEventListener('click', e => {\n        if (e.target.matches('[role=\"tablist\"] [data-bs-toggle=\"tab\"], [role=\"tablist\"] [data-bs-toggle=\"pill\"]')) {\n            const tabs = e.target.closest('[role=\"tablist\"]').querySelectorAll('[data-bs-toggle=\"tab\"], [data-bs-toggle=\"pill\"]');\n            e.preventDefault();\n            Tab.getOrCreateInstance(e.target).show();\n            tabs.forEach(tab => {\n                tab.tabIndex = -1;\n            });\n            e.target.tabIndex = 0;\n        }\n    });\n};\n\n/**\n * Fix keyboard interaction with Bootstrap Collapse elements.\n *\n * @see {@link https://www.w3.org/TR/wai-aria-practices-1.1/#disclosure|WAI-ARIA Authoring Practices 1.1 - Disclosure (Show/Hide)}\n */\nconst collapseFix = () => {\n    document.addEventListener('keydown', e => {\n        if (e.target.matches('[data-bs-toggle=\"collapse\"]')) {\n            // Pressing space should toggle expand/collapse.\n            if (e.key === ' ') {\n                e.preventDefault();\n                e.target.click();\n            }\n        }\n    });\n};\n\n/**\n * Fix accessibility issues\n */\nconst toolbarFix = () => {\n    document.addEventListener('keydown', e => {\n        if (['ArrowUp', 'ArrowDown', 'ArrowLeft', 'ArrowRight', 'Home', 'End'].includes(e.key)) {\n            if (e.target.matches('[role=\"toolbar\"] button')) {\n                const buttons = e.target.closest('[role=\"toolbar\"]').querySelectorAll('button');\n                rovingFocus(buttons, e, false, true);\n            }\n        }\n    });\n};\n\nexport const init = () => {\n    dropdownFix();\n    comboboxFix();\n    autoFocus();\n    tabElementFix();\n    collapseFix();\n    toolbarFix();\n};\n"],"names":["dropdownFix","focusEnd","setFocusEnd","end","shiftFocus","element","focusCheck","pendingPromise","Pending","setTimeout","focus","resolve","handleMenuButton","e","trigger","key","fixFocus","preventDefault","target","click","menu","parentElement","querySelector","menuItems","foundMenuItem","querySelectorAll","length","result","getFocusEnd","document","addEventListener","matches","closest","toLowerCase","i","item","text","trim","indexOf","next","dialog","FocusLockManager","trapFocus","untrapFocus","focused","clickEvent","activeElement","body","contains","rovingFocus","elements","vertical","updateTabIndex","rtl","window","right_to_left","arrowNext","arrowPrevious","includes","focusElement","index","forEach","setAttribute","currentIndex","Array","prototype","call","nextIndex","relatedTarget","combobox","listbox","getAttribute","selectedOption","classList","add","id","firstOption","removeAttribute","option","remove","options","activeOption","editable","hasAttribute","selectOption","optionText","textContent","keyPressed","scrollIntoView","block","value","dataset","inputElement","getElementById","dispatchEvent","Event","bubbles","disableactive","oldSelectedOption","shortText","replace","selectedOptionContainer","comboboxFix","alerts","autofocusElement","innerHTML","tabList","tabs","filter","tab","offsetHeight","getOrCreateInstance","show","tabIndex","buttons"],"mappings":"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"}
\ No newline at end of file
diff --git a/theme/boost/amd/src/aria.js b/theme/boost/amd/src/aria.js
index 09b6ccd485d..5353942870a 100644
--- a/theme/boost/amd/src/aria.js
+++ b/theme/boost/amd/src/aria.js
@@ -369,6 +369,18 @@ const comboboxFix = () => {
     });
 
     const selectOption = (combobox, option) => {
+        if (combobox.dataset.inputElement) {
+            const inputElement = document.getElementById(combobox.dataset.inputElement);
+            if (inputElement && (inputElement.value != option.dataset.value)) {
+                inputElement.value = option.dataset.value;
+                inputElement.dispatchEvent(new Event('change', {bubbles: true}));
+            }
+        }
+
+        if (option.dataset.disableactive) {
+            return;
+        }
+
         const listbox = option.closest('[role="listbox"]');
         const oldSelectedOption = listbox.querySelector('[role="option"][aria-selected="true"]');
 
@@ -389,14 +401,6 @@ const comboboxFix = () => {
                 combobox.textContent = option.dataset.shortText || option.textContent;
             }
         }
-
-        if (combobox.dataset.inputElement) {
-            const inputElement = document.getElementById(combobox.dataset.inputElement);
-            if (inputElement && (inputElement.value != option.dataset.value)) {
-                inputElement.value = option.dataset.value;
-                inputElement.dispatchEvent(new Event('change', {bubbles: true}));
-            }
-        }
     };
 };
 
diff --git a/theme/boost/tests/behat/behat_theme_boost_behat_navigation.php b/theme/boost/tests/behat/behat_theme_boost_behat_navigation.php
index 1f7a0d10ba7..a0812c08e17 100644
--- a/theme/boost/tests/behat/behat_theme_boost_behat_navigation.php
+++ b/theme/boost/tests/behat/behat_theme_boost_behat_navigation.php
@@ -53,8 +53,87 @@ class behat_theme_boost_behat_navigation extends behat_navigation {
      * @return void
      */
     public function i_should_see_is_active_in_secondary_navigation($element) {
-        $this->execute("behat_general::assert_element_contains_text",
-            [$element, '.secondary-navigation .nav-link.active', 'css_element']);
+        $page = $this->getSession()->getPage();
+
+        $expectedexception = new ExpectationException(
+            "\"{$element}\" is not active in secondary navigation",
+            $this->getSession(),
+        );
+
+        $this->spin(
+            function () use ($page, $element) {
+                $secondarynav = $page->find('css', '.secondary-navigation');
+                if (!$secondarynav) {
+                    return false;
+                }
+
+                // Special case: if the active item is inside the secondary navigation 'More' menu, then the 'More'
+                // toggle itself is the only visible active element.
+                $moretoggle = $page->find('css', '.secondary-navigation [data-region="morebutton"] > .dropdown-toggle');
+                if ($moretoggle && trim($moretoggle->getText()) === $element) {
+                    $ariacurrent = $moretoggle->getAttribute('aria-current');
+                    return $moretoggle->hasClass('active') || $ariacurrent === 'true' || $ariacurrent === 'page';
+                }
+
+                // First, check the visible secondary navigation items (excluding the 'More' toggle).
+                $selectors = [
+                    '.nav-item:not(.dropdownmoremenu) .nav-link.active',
+                    '.nav-item:not(.dropdownmoremenu) .nav-link[aria-current="true"]',
+                    '.nav-item:not(.dropdownmoremenu) .nav-link[aria-current="page"]',
+                ];
+                foreach ($selectors as $selector) {
+                    if ($this->node_list_contains_text($secondarynav->findAll('css', $selector), $element)) {
+                        return true;
+                    }
+                }
+
+                // If not found, the active item may be inside the secondary navigation 'More' menu.
+                if (!$moretoggle) {
+                    return false;
+                }
+
+                // Ensure the dropdown is open so its items are visible.
+                if ($moretoggle->getAttribute('aria-expanded') !== 'true') {
+                    $moretoggle->click();
+                }
+
+                $selectors = [
+                    '.dropdownmoremenu .dropdown-item.active',
+                    '.dropdownmoremenu .dropdown-item[aria-current="true"]',
+                    '.dropdownmoremenu .dropdown-item[aria-current="page"]',
+                ];
+                foreach ($selectors as $selector) {
+                    if ($this->node_list_contains_text($secondarynav->findAll('css', $selector), $element)) {
+                        // Close the menu to avoid it obscuring subsequent steps.
+                        if ($moretoggle->getAttribute('aria-expanded') === 'true') {
+                            $moretoggle->click();
+                        }
+                        return true;
+                    }
+                }
+
+                return false;
+            },
+            false,
+            behat_base::get_reduced_timeout(),
+            $expectedexception,
+        );
+    }
+
+    /**
+     * Check whether any of the provided nodes contains the given text and is visible.
+     *
+     * @param array $nodes
+     * @param string $text
+     * @return bool
+     */
+    protected function node_list_contains_text(array $nodes, string $text): bool {
+        foreach ($nodes as $node) {
+            if ($node->isVisible() && strpos($node->getText(), $text) !== false) {
+                return true;
+            }
+        }
+        return false;
     }
 
     /**
diff --git a/theme/boost/tests/behat/tertiary_navigation_activestate.feature b/theme/boost/tests/behat/tertiary_navigation_activestate.feature
new file mode 100644
index 00000000000..9f2bbbcaacb
--- /dev/null
+++ b/theme/boost/tests/behat/tertiary_navigation_activestate.feature
@@ -0,0 +1,159 @@
+@core @javascript @theme_boost
+Feature: Menu navigation accurately updates checkmarks in tertiary navigation
+In order to correctly navigate the menu items
+As a teacher
+I need to see accurate checkmarks when navigating back and forward
+
+  Background:
+    Given the following "courses" exist:
+      | fullname | shortname | newsitems |
+      | Course 1 | C1        | 5 |
+    And the following "users" exist:
+      | username | firstname | lastname | email |
+      | teacher1 | Teacher | 1 | teacher1@example.com |
+    And the following "course enrolments" exist:
+      | user | course | role |
+      | teacher1 | C1 | editingteacher |
+
+  Scenario: Ensure the tertiary navigation checkmark updates correctly when navigating in the Grades page
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Grades" in current page administration
+    Then dropdown item "Grader report" should be active
+    When I click on "Grader report" "combobox"
+    And I select "Scales" from the dropdown
+    Then dropdown item "Scales" should be active
+    And dropdown item "Grader report" should not be active
+
+  Scenario: Ensure the tertiary navigation checkmark updates correctly after pressing browser back button in the Grades page
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Grades" in current page administration
+    Then I should see "Grades" is active in secondary navigation
+    When I click on "Grader report" "combobox"
+    And I select "Scales" from the dropdown
+    And I click on "Scales" "combobox"
+    And I select "Grade letters" from the dropdown
+    And I click on "Grade letters" "combobox"
+    And I select "Import" from the dropdown
+    And I click on "Import" "combobox"
+    And I select "Export" from the dropdown
+    And I click on "Export" "combobox"
+    And I press the "back" button in the browser
+    Then dropdown item "Import" should be active
+    When I press the "back" button in the browser
+    Then dropdown item "Grade letters" should be active
+    When I press the "back" button in the browser
+    Then dropdown item "Scales" should be active
+    When I press the "back" button in the browser
+    Then dropdown item "Grader report" should be active
+
+  Scenario: Ensure the tertiary navigation checkmark updates correctly after pressing browser forward button in the Grades page
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Participants" in current page administration
+    Then I should see "Participants" is active in secondary navigation
+    When I click on "Enrolled users" "combobox"
+    And I select "Groups" from the dropdown
+    And I click on "Groups" "combobox"
+    And I select "Permissions" from the dropdown
+    And I press the "back" button in the browser
+    And I press the "back" button in the browser
+    And I press the "forward" button in the browser
+    Then dropdown item "Groups" should be active
+
+  Scenario: Ensure the tertiary navigation checkmark updates correctly after pressing browser back button in the Participants page
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Participants" in current page administration
+    Then I should see "Participants" is active in secondary navigation
+    When I click on "Enrolled users" "combobox"
+    And I select "Permissions" from the dropdown
+    And I click on "Permissions" "combobox"
+    And I select "Groups" from the dropdown
+    And I click on "Groups" "combobox"
+    And I select "Role renaming" from the dropdown
+    And I click on "Role renaming" "combobox"
+    And I press the "back" button in the browser
+    Then dropdown item "Groups" should be active
+    When I press the "back" button in the browser
+    Then dropdown item "Permissions" should be active
+
+  Scenario: Ensure the tertiary navigation checkmark updates correctly after pressing browser forward button in the Participants page
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Participants" in current page administration
+    Then I should see "Participants" is active in secondary navigation
+    When I click on "Enrolled users" "combobox"
+    And I select "Groups" from the dropdown
+    And I click on "Groups" "combobox"
+    And I select "Permissions" from the dropdown
+    And I press the "back" button in the browser
+    And I press the "back" button in the browser
+    And I press the "forward" button in the browser
+    Then dropdown item "Groups" should be active
+
+  Scenario: Ensure the tertiary navigation checkmark updates correctly after pressing browser back button in the Reports page
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Reports" in current page administration
+    And I click on "Competency breakdown" "link"
+    Then I should see "Reports" is active in secondary navigation
+    When I click on "Competency breakdown" "combobox"
+    And I select "Logs" from the dropdown
+    And I click on "Logs" "combobox"
+    And I select "Course participation" from the dropdown
+    And I click on "Course participation" "combobox"
+    And I select "Activity report" from the dropdown
+    And I click on "Activity report" "combobox"
+    And I press the "back" button in the browser
+    Then dropdown item "Course participation" should be active
+    When I press the "back" button in the browser
+    Then dropdown item "Logs" should be active
+
+  Scenario: Ensure the tertiary navigation checkmark updates correctly after pressing browser forward button in the Reports page
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Reports" in current page administration
+    And I click on "Competency breakdown" "link"
+    Then I should see "Reports" is active in secondary navigation
+    When I click on "Competency breakdown" "combobox"
+    And I select "Activity report" from the dropdown
+    And I click on "Activity report" "combobox"
+    And I select "Course participation" from the dropdown
+    And I press the "back" button in the browser
+    And I press the "forward" button in the browser
+    Then dropdown item "Course participation" should be active
+    And dropdown item "Competency breakdown" should not be active
+    And dropdown item "Logs" should not be active
+    And dropdown item "Live logs" should not be active
+    And dropdown item "Activity report" should not be active
+
+  Scenario: Admin can see checkmark beside menu item they are currently on after pressing browser back button when
+  jumping between secondary navigation menu
+    Given I log in as "teacher1"
+    When I am on "Course 1" course homepage
+    And I navigate to "Participants" in current page administration
+    Then I should see "Participants" is active in secondary navigation
+    When I click on "Enrolled users" "combobox"
+    And I navigate to "Grades" in current page administration
+    And I press the "back" button in the browser
+    Then I should see "Participants" is active in secondary navigation
+    And dropdown item "Enrolled users" should be active
+    When I navigate to "Reports" in current page administration
+    And I click on "Competency breakdown" "link"
+    And I navigate to "Competencies" in current page administration
+    And I press the "back" button in the browser
+    Then I should see "Reports" is active in secondary navigation
+    And dropdown item "Competency breakdown" should be active
+
+  Scenario: Ensure checkmark is not updated when disableactive is enabled
+    Given I log in as "teacher1"
+    When I am on fixture page "/lib/tests/behat/fixtures/select_menu_disableactive_testpage.php"
+    Then the field with xpath "//input[@name='fixtureselect']" matches value "opt1"
+    When I click on "//*[@role='combobox']" "xpath_element"
+    Then dropdown item "Option 1" should be active
+    And I select "Option 2" from the dropdown
+    Then dropdown item "Option 2" should not be active
+    And dropdown item "Option 1" should be active
+    And the field with xpath "//input[@name='fixtureselect']" matches value "opt2"