Index: lams_learning/web/includes/javascript/learnerPage.js
===================================================================
diff -u -rcd376b6f01522589c2f68b3c548390c23e79ce01 -r89f41df2ea71b152595e2497fd3ca690e5464d16
--- lams_learning/web/includes/javascript/learnerPage.js	(.../learnerPage.js)	(revision cd376b6f01522589c2f68b3c548390c23e79ce01)
+++ lams_learning/web/includes/javascript/learnerPage.js	(.../learnerPage.js)	(revision 89f41df2ea71b152595e2497fd3ca690e5464d16)
@@ -88,20 +88,23 @@
 
 function toggleProgressBar(forceClose) {
     let pageContent = $('.component-page-wrapper .component-page-content'),
+        progressBar = $('.component-page-wrapper .component-sidebar'),
         topToggleButton = $('header .sidebar-toggle-button', pageContent),
         isExpanded = forceClose || topToggleButton.attr('aria-expanded') == 'true';
     topToggleButton.attr('aria-expanded', !isExpanded)
         .children('i').toggleClass(topToggleButton.data('closed-class')).toggleClass(topToggleButton.data('opened-class'));
-    $('.component-page-wrapper .component-sidebar').toggleClass('active').attr('aria-expanded', !isExpanded);
-    $('.component-sidebar').focus();
+    progressBar.toggleClass('active').attr('aria-expanded', !isExpanded);
 
-    pageContent.off('click');
     $('body').off('keyup');
 
-    if (!isExpanded) {
-        pageContent.one('click', function (){
-            toggleProgressBar(true);
-        });
+    if (isExpanded) {
+        progressBar.attr('inert', '');
+        pageContent.removeAttr('inert');
+    } else {
+        pageContent.attr('inert', '');
+        progressBar.removeAttr('inert');
+        $('.sidebar-toggle-button', progressBar).focus();
+
         $('body').on('keyup', function (event){
             if (event.key === "Escape") {
                 toggleProgressBar(true);