@instructure/ui-drilldown 10.25.1-snapshot-9 → 10.25.1-snapshot-11

package/CHANGELOG.md

@@ -3,9 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [10.25.1-snapshot-9](https://github.com/instructure/instructure-ui/compare/v10.25.0...v10.25.1-snapshot-9) (2025-10-01)
+## [10.25.1-snapshot-11](https://github.com/instructure/instructure-ui/compare/v10.25.0...v10.25.1-snapshot-11) (2025-10-01)
 
-**Note:** Version bump only for package @instructure/ui-drilldown
+
+### Bug Fixes
+
+* **ui-utils,ui-drilldown:** make NDVA read options in Drilldown.Group correctly in Firefox ([994f158](https://github.com/instructure/instructure-ui/commit/994f15887ff7e1112208031514aa7e0ae134231b))
 
 
 

package/es/Drilldown/DrilldownGroup/index.js

@@ -27,6 +27,8 @@ import { Component } from 'react';
 import { withStyle } from '@instructure/emotion';
 import { optionsThemeGenerator } from '@instructure/ui-options';
 import { propTypes, allowedProps } from './props';
+import { isMac, isFirefox } from '@instructure/ui-utils';
+
 /**
 ---
 parent: Drilldown
@@ -45,7 +47,9 @@ let DrilldownGroup = (_dec = withStyle(null, optionsThemeGenerator), _dec(_class
 }, _DrilldownGroup.displayName = "DrilldownGroup", _DrilldownGroup.componentId = 'Drilldown.Group', _DrilldownGroup.propTypes = propTypes, _DrilldownGroup.allowedProps = allowedProps, _DrilldownGroup.defaultProps = {
   disabled: false,
   withoutSeparators: false,
-  role: 'group'
+  // Firefox with NVDA does not read Drilldown.Group with role="group" correctly
+  // but setting role="menu" on all other platforms results in Drilldown.Group label not being read
+  role: !isMac() && isFirefox() ? 'menu' : 'group'
 }, _DrilldownGroup)) || _class);
 export default DrilldownGroup;
 export { DrilldownGroup };

package/lib/Drilldown/DrilldownGroup/index.js

@@ -8,6 +8,7 @@ var _react = require("react");
 var _emotion = require("@instructure/emotion");
 var _uiOptions = require("@instructure/ui-options");
 var _props = require("./props");
+var _uiUtils = require("@instructure/ui-utils");
 var _dec, _class, _DrilldownGroup;
 /*
  * The MIT License (MIT)
@@ -50,6 +51,8 @@ let DrilldownGroup = exports.DrilldownGroup = (_dec = (0, _emotion.withStyle)(nu
 }, _DrilldownGroup.displayName = "DrilldownGroup", _DrilldownGroup.componentId = 'Drilldown.Group', _DrilldownGroup.propTypes = _props.propTypes, _DrilldownGroup.allowedProps = _props.allowedProps, _DrilldownGroup.defaultProps = {
   disabled: false,
   withoutSeparators: false,
-  role: 'group'
+  // Firefox with NVDA does not read Drilldown.Group with role="group" correctly
+  // but setting role="menu" on all other platforms results in Drilldown.Group label not being read
+  role: !(0, _uiUtils.isMac)() && (0, _uiUtils.isFirefox)() ? 'menu' : 'group'
 }, _DrilldownGroup)) || _class);
 var _default = exports.default = DrilldownGroup;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-drilldown",
-  "version": "10.25.1-snapshot-9",
+  "version": "10.25.1-snapshot-11",
   "description": "A drilldown menu component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -24,28 +24,28 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.27.6",
-    "@instructure/console": "10.25.1-snapshot-9",
-    "@instructure/emotion": "10.25.1-snapshot-9",
-    "@instructure/shared-types": "10.25.1-snapshot-9",
-    "@instructure/ui-dom-utils": "10.25.1-snapshot-9",
-    "@instructure/ui-icons": "10.25.1-snapshot-9",
-    "@instructure/ui-options": "10.25.1-snapshot-9",
-    "@instructure/ui-popover": "10.25.1-snapshot-9",
-    "@instructure/ui-position": "10.25.1-snapshot-9",
-    "@instructure/ui-prop-types": "10.25.1-snapshot-9",
-    "@instructure/ui-react-utils": "10.25.1-snapshot-9",
-    "@instructure/ui-selectable": "10.25.1-snapshot-9",
-    "@instructure/ui-testable": "10.25.1-snapshot-9",
-    "@instructure/ui-utils": "10.25.1-snapshot-9",
-    "@instructure/ui-view": "10.25.1-snapshot-9",
+    "@instructure/console": "10.25.1-snapshot-11",
+    "@instructure/emotion": "10.25.1-snapshot-11",
+    "@instructure/shared-types": "10.25.1-snapshot-11",
+    "@instructure/ui-dom-utils": "10.25.1-snapshot-11",
+    "@instructure/ui-icons": "10.25.1-snapshot-11",
+    "@instructure/ui-options": "10.25.1-snapshot-11",
+    "@instructure/ui-popover": "10.25.1-snapshot-11",
+    "@instructure/ui-position": "10.25.1-snapshot-11",
+    "@instructure/ui-prop-types": "10.25.1-snapshot-11",
+    "@instructure/ui-react-utils": "10.25.1-snapshot-11",
+    "@instructure/ui-selectable": "10.25.1-snapshot-11",
+    "@instructure/ui-testable": "10.25.1-snapshot-11",
+    "@instructure/ui-utils": "10.25.1-snapshot-11",
+    "@instructure/ui-view": "10.25.1-snapshot-11",
     "prop-types": "^15.8.1"
   },
   "devDependencies": {
-    "@instructure/ui-axe-check": "10.25.1-snapshot-9",
-    "@instructure/ui-babel-preset": "10.25.1-snapshot-9",
-    "@instructure/ui-color-utils": "10.25.1-snapshot-9",
-    "@instructure/ui-scripts": "10.25.1-snapshot-9",
-    "@instructure/ui-themes": "10.25.1-snapshot-9",
+    "@instructure/ui-axe-check": "10.25.1-snapshot-11",
+    "@instructure/ui-babel-preset": "10.25.1-snapshot-11",
+    "@instructure/ui-color-utils": "10.25.1-snapshot-11",
+    "@instructure/ui-scripts": "10.25.1-snapshot-11",
+    "@instructure/ui-themes": "10.25.1-snapshot-11",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.6.1",

package/src/Drilldown/DrilldownGroup/index.tsx

@@ -29,6 +29,7 @@ import { optionsThemeGenerator } from '@instructure/ui-options'
 
 import { propTypes, allowedProps } from './props'
 import type { DrilldownGroupProps } from './props'
+import { isMac, isFirefox } from '@instructure/ui-utils'
 
 /**
 ---
@@ -48,7 +49,9 @@ class DrilldownGroup extends Component<DrilldownGroupProps> {
   static defaultProps = {
     disabled: false,
     withoutSeparators: false,
-    role: 'group'
+    // Firefox with NVDA does not read Drilldown.Group with role="group" correctly
+    // but setting role="menu" on all other platforms results in Drilldown.Group label not being read
+    role: !isMac() && isFirefox() ? 'menu' : 'group'
   }
 
   render() {