@instructure/ui-select 10.19.0 → 10.19.1-snapshot-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/es/Select/index.js +3 -1
  3. package/lib/Select/index.js +3 -1
  4. package/package.json +23 -23
  5. package/src/Select/index.tsx +7 -1
  6. package/tsconfig.build.tsbuildinfo +1 -1
  7. package/types/Select/index.d.ts.map +1 -1
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [10.19.1-snapshot-1](https://github.com/instructure/instructure-ui/compare/v10.19.0...v10.19.1-snapshot-1) (2025-06-05)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * **ui-utils,ui-select:** make screenreader annouce disabled Select as dimmed in Chrome ([c547c31](https://github.com/instructure/instructure-ui/commit/c547c31b65fd15ebde0f588bbd364d12d1b46615))
12
+
13
+
14
+
15
+
16
+
6
17
  # [10.19.0](https://github.com/instructure/instructure-ui/compare/v10.18.1...v10.19.0) (2025-06-03)
7
18
 
8
19
 
package/es/Select/index.js CHANGED
@@ -545,10 +545,12 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, gen
545
545
  // See https://bugs.webkit.org/show_bug.cgi?id=236881
546
546
  // Also on iOS Chrome with role='combobox' it announces unnecessarily
547
547
  // that its 'read-only' and that this is a 'textfield', see INSTUI-4500
548
- role: utils.isSafari() || utils.isAndroidOrIOS() ? 'button' : 'combobox',
548
+ role: utils.isSafari() || utils.isAndroidOrIOS() || interaction === 'disabled' && utils.isChromium() ? 'button' : 'combobox',
549
549
  title: inputValue,
550
550
  'aria-autocomplete': void 0,
551
551
  'aria-readonly': true
552
+ } : interaction === 'disabled' && utils.isChromium() ? {
553
+ role: 'button'
552
554
  } : {};
553
555
 
554
556
  // backdoor to autocomplete attr to work around chrome autofill issues
package/lib/Select/index.js CHANGED
@@ -557,10 +557,12 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
557
557
  // See https://bugs.webkit.org/show_bug.cgi?id=236881
558
558
  // Also on iOS Chrome with role='combobox' it announces unnecessarily
559
559
  // that its 'read-only' and that this is a 'textfield', see INSTUI-4500
560
- role: utils.isSafari() || utils.isAndroidOrIOS() ? 'button' : 'combobox',
560
+ role: utils.isSafari() || utils.isAndroidOrIOS() || interaction === 'disabled' && utils.isChromium() ? 'button' : 'combobox',
561
561
  title: inputValue,
562
562
  'aria-autocomplete': void 0,
563
563
  'aria-readonly': true
564
+ } : interaction === 'disabled' && utils.isChromium() ? {
565
+ role: 'button'
564
566
  } : {};
565
567
 
566
568
  // backdoor to autocomplete attr to work around chrome autofill issues
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-select",
3
- "version": "10.19.0",
3
+ "version": "10.19.1-snapshot-1",
4
4
  "description": "A component for select and autocomplete behavior.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,12 +23,12 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "10.19.0",
27
- "@instructure/ui-babel-preset": "10.19.0",
28
- "@instructure/ui-color-utils": "10.19.0",
29
- "@instructure/ui-scripts": "10.19.0",
30
- "@instructure/ui-test-utils": "10.19.0",
31
- "@instructure/ui-themes": "10.19.0",
26
+ "@instructure/ui-axe-check": "10.19.1-snapshot-1",
27
+ "@instructure/ui-babel-preset": "10.19.1-snapshot-1",
28
+ "@instructure/ui-color-utils": "10.19.1-snapshot-1",
29
+ "@instructure/ui-scripts": "10.19.1-snapshot-1",
30
+ "@instructure/ui-test-utils": "10.19.1-snapshot-1",
31
+ "@instructure/ui-themes": "10.19.1-snapshot-1",
32
32
  "@testing-library/jest-dom": "^6.6.3",
33
33
  "@testing-library/react": "^16.0.1",
34
34
  "@testing-library/user-event": "^14.5.2",
@@ -36,22 +36,22 @@
36
36
  },
37
37
  "dependencies": {
38
38
  "@babel/runtime": "^7.26.0",
39
- "@instructure/emotion": "10.19.0",
40
- "@instructure/shared-types": "10.19.0",
41
- "@instructure/ui-dom-utils": "10.19.0",
42
- "@instructure/ui-form-field": "10.19.0",
43
- "@instructure/ui-icons": "10.19.0",
44
- "@instructure/ui-options": "10.19.0",
45
- "@instructure/ui-popover": "10.19.0",
46
- "@instructure/ui-position": "10.19.0",
47
- "@instructure/ui-prop-types": "10.19.0",
48
- "@instructure/ui-react-utils": "10.19.0",
49
- "@instructure/ui-selectable": "10.19.0",
50
- "@instructure/ui-testable": "10.19.0",
51
- "@instructure/ui-text-input": "10.19.0",
52
- "@instructure/ui-utils": "10.19.0",
53
- "@instructure/ui-view": "10.19.0",
54
- "@instructure/uid": "10.19.0",
39
+ "@instructure/emotion": "10.19.1-snapshot-1",
40
+ "@instructure/shared-types": "10.19.1-snapshot-1",
41
+ "@instructure/ui-dom-utils": "10.19.1-snapshot-1",
42
+ "@instructure/ui-form-field": "10.19.1-snapshot-1",
43
+ "@instructure/ui-icons": "10.19.1-snapshot-1",
44
+ "@instructure/ui-options": "10.19.1-snapshot-1",
45
+ "@instructure/ui-popover": "10.19.1-snapshot-1",
46
+ "@instructure/ui-position": "10.19.1-snapshot-1",
47
+ "@instructure/ui-prop-types": "10.19.1-snapshot-1",
48
+ "@instructure/ui-react-utils": "10.19.1-snapshot-1",
49
+ "@instructure/ui-selectable": "10.19.1-snapshot-1",
50
+ "@instructure/ui-testable": "10.19.1-snapshot-1",
51
+ "@instructure/ui-text-input": "10.19.1-snapshot-1",
52
+ "@instructure/ui-utils": "10.19.1-snapshot-1",
53
+ "@instructure/ui-view": "10.19.1-snapshot-1",
54
+ "@instructure/uid": "10.19.1-snapshot-1",
55
55
  "prop-types": "^15.8.1"
56
56
  },
57
57
  "peerDependencies": {
package/src/Select/index.tsx CHANGED
@@ -710,11 +710,17 @@ class Select extends Component<SelectProps> {
710
710
  // Also on iOS Chrome with role='combobox' it announces unnecessarily
711
711
  // that its 'read-only' and that this is a 'textfield', see INSTUI-4500
712
712
  role:
713
- utils.isSafari() || utils.isAndroidOrIOS() ? 'button' : 'combobox',
713
+ utils.isSafari() ||
714
+ utils.isAndroidOrIOS() ||
715
+ (interaction === 'disabled' && utils.isChromium())
716
+ ? 'button'
717
+ : 'combobox',
714
718
  title: inputValue,
715
719
  'aria-autocomplete': undefined,
716
720
  'aria-readonly': true
717
721
  }
722
+ : interaction === 'disabled' && utils.isChromium()
723
+ ? { role: 'button' }
718
724
  : {}
719
725
 
720
726
  // backdoor to autocomplete attr to work around chrome autofill issues