Introduction

This article explains how to resolve an issue where the Pop-Up Menu widget does not open when selected and an accessibility-related error appears in the browser console.

The following error may be displayed:

Blocked aria-hidden on an element because its descendant retained focus.
The focus must not be hidden from assistive technology users.
Avoid using aria-hidden on a focused element or its ancestor.
Consider using the inert attribute instead.

Element with focus: <a.mx-link mx-name-actionButton14 btn-lg>
Ancestor with aria-hidden: <div.popupmenu-trigger>

This issue can occur when using an outdated version of the Atlas Core module.

Environment

• Studio Pro (all versions)

Instructions/Procedure

A change was introduced in Pop-Up Menu widget that moved the widget styling to Atlas Core to support exclusion variables. Applications using an older Atlas Core version may experience issues where the Pop-Up Menu widget does not render or open correctly.

Update the Atlas Core module to a supported version by completing the following steps:

1. Determine the Studio Pro version used by the application.
2. Update the Atlas Core module to one of the following minimum versions:
   • Atlas Core v3.15.0 for Studio Pro v10.6.0 and newer.
   • Atlas Core v3.12.5 for Studio Pro versions older than v10.6.0.
3. Synchronize the project after updating the module.
4. Run the application.
5. Verify that the Pop-Up Menu widget opens correctly.

If the Atlas Core module is already at the required version, review any custom styling or Marketplace content that overrides the default Atlas styling.

Outcome

What users can expect to happen after completing the steps in the how-to knowledge base article.

Additional information

• Mendix documentation: Release notes: Popup Menu widget - 4.0.0