Closes #5853: Update experimental AZ Navbar Fullscreen for Arizona Bootstrap v5.1.7

[bberndt-uaz]

Description

• AZ Navbar Fullscreen template: Updates the mobile search button in the navbar to change the navbar-toggler-search class to az-search-toggle, the search-icon class to az-search-icon, and the aria-label from "Search the site" to "Search site".
• AZ Navbar Fullscreen template: Updates the initial HTML for the primary menu page on mobile. These changes are necessary due to updates made to the AZ Navbar Fullscreen JS in how the initial menu page is determined.
• Search block form input template: Updates the search-icon class to az-search-icon.

Related issues

• Update experimental AZ Navbar Fullscreen for Arizona Bootstrap v5.1.7 #5853

How to test

https://pr5855-jx2jwjzwxewxs9cs1zvczn7zvwhrbywe.tugboatqa.com

1. Enable and set up AZ Navbar Fullscreen (already completed in Tugboat).
2. Simulating a mobile device, confirm the changes to the search button in the AZ Navbar Fullscreen navbar.
3. Confirm the updated az-search-icon class for the search button accompanying input fields.
4. Confirm the general appearance and functionality of AZ Navbar Fullscreen on both desktop and mobile.

Types of changes

Arizona Quickstart (install profile, custom modules, custom theme)

• Patch release changes
  • Bug fix
  • Accessibility, performance, or security improvement
  • Critical institutional link or brand change
  • Adding experimental module
  • Update experimental module
• Minor release changes
  • New feature
  • Breaking or visual change to existing behavior
  • Upgrade experimental module to stable
  • Enable existing module by default or database update
  • Non-critical brand change
  • New internal API or API improvement with backwards compatibility
  • Risky or disruptive cleanup to comply with coding standards
  • High-risk or disruptive change (requires upgrade path, risks regression, etc.)
• Other or unknown
  • Other or unknown

Drupal core

• Patch release changes
  • Security update
  • Patch level release (non-security bug-fix release)
  • Patch removal that's no longer necessary
• Minor release changes
  • Major or minor level update
• Other or unknown
  • Other or unknown

Drupal contrib projects

• Patch release changes
  • Security update
  • Patch or minor level update
  • Add new module
  • Patch removal that's no longer necessary
• Minor release changes
  • Major level update
• Other or unknown
  • Other or unknown

Checklist

• My code follows the code style of this project.
• My change requires a change to the documentation.
• I have updated the documentation accordingly.
• I have read the CONTRIBUTING document.
• I have added tests to cover my changes.
• All new and existing tests passed.
• My change requires release notes.

[djcelaya]

Hi, @bberndt-uaz! I am seeing a possible regression with the mobile menu. I am trying to figure out what is happening but right now I've been seeing the wrong menu display given the active page and also the primary links seems to gain active when one of their children is actually active.

Are you seeing anything weird on your end? I am investigating more.

[djcelaya]

Hi, @bberndt-uaz! I am seeing a possible regression with the mobile menu. I am trying to figure out what is happening but right now I've been seeing the wrong menu display given the active page and also the primary links seems to gain active when one of their children is actually active.

Are you seeing anything weird on your end? I am investigating more.

I enabled AZ Navbar Fullscreen on the Tugboat site. To reproduce, go here: https://pr5855-jx2jwjzwxewxs9cs1zvczn7zvwhrbywe.tugboatqa.com/calendar and then open up the modal menu.

[djcelaya]

Curiously, links at the third level appear to still bring up the correct menu.

[bberndt-uaz]

Good catch: it seems to be a problem with the initial HTML for the primary menu. I'll take a look.

[bberndt-uaz]

I think I have fixed it, but I'll review it further tomorrow. I believe that part of the template needed further updates after we added buttons to the mobile primary menu pages. Thanks again for catching that!

Edit: Oh sorry, didn't see your branch. I think we're on the same page!

[djcelaya]

Sounds good. Thanks for looking into that!!

No problem: I will close it soon in favor of your fixes on this PR.