@instructure/ui-select 11.7.7-snapshot-1 → 11.7.7-snapshot-3

package/CHANGELOG.md

@@ -3,12 +3,11 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [11.7.7-snapshot-1](https://github.com/instructure/instructure-ui/compare/v11.7.6...v11.7.7-snapshot-1) (2026-09-18)
-
-**Note:** Version bump only for package @instructure/ui-select
-
+## [11.7.7-snapshot-3](https://github.com/instructure/instructure-ui/compare/v11.7.6...v11.7.7-snapshot-3) (2026-09-22)
 
+### Bug Fixes
 
+* **ui-select,ui-text-input:** show messages for non-editable selects ([e0d2743](https://github.com/instructure/instructure-ui/commit/e0d274340de17e3dbe118f27dabc49d8753e4d96))
 
 
 ## [11.7.6](https://github.com/instructure/instructure-ui/compare/v11.7.5...v11.7.6) (2026-09-14)

package/es/Select/v2/index.js

@@ -578,6 +578,7 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle),
       ...passthroughProps
     });
     const isEditable = typeof onInputChange !== 'undefined';
+    const isNonEditableSelect = interaction === 'enabled' && !isEditable;
     let overrideProps = {};
     if (!isEditable) {
       overrideProps = {
@@ -603,8 +604,9 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle),
       value: inputValue,
       inputRef: utils.createChainedFunction(ref, this.handleInputRef),
       inputContainerRef: this.handleInputContainerRef,
-      interaction: interaction === 'enabled' && !isEditable ? 'readonly' // prevent keyboard cursor
-      : interaction,
+      interaction: isNonEditableSelect ? 'readonly' : interaction,
+      // if readonly prevent keyboard cursor
+      forceMessages: isNonEditableSelect,
       isRequired,
       shouldNotWrap,
       layout,
@@ -631,7 +633,7 @@ let Select = (_dec = withDeterministicId(), _dec2 = withStyleNew(generateStyle),
       ...triggerProps,
       ...getInputProps(inputProps),
       suppressHydrationWarning: true,
-      ...(interaction === 'enabled' && !isEditable && {
+      ...(isNonEditableSelect && {
         themeOverride: componentTheme => ({
           backgroundReadonlyColor: componentTheme.backgroundColor
         })

package/lib/Select/v2/index.js

@@ -589,6 +589,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
       ...passthroughProps
     });
     const isEditable = typeof onInputChange !== 'undefined';
+    const isNonEditableSelect = interaction === 'enabled' && !isEditable;
     let overrideProps = {};
     if (!isEditable) {
       overrideProps = {
@@ -614,8 +615,9 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
       value: inputValue,
       inputRef: utils.createChainedFunction(ref, this.handleInputRef),
       inputContainerRef: this.handleInputContainerRef,
-      interaction: interaction === 'enabled' && !isEditable ? 'readonly' // prevent keyboard cursor
-      : interaction,
+      interaction: isNonEditableSelect ? 'readonly' : interaction,
+      // if readonly prevent keyboard cursor
+      forceMessages: isNonEditableSelect,
       isRequired,
       shouldNotWrap,
       layout,
@@ -642,7 +644,7 @@ let Select = exports.Select = (_dec = (0, _withDeterministicId.withDeterministic
       ...triggerProps,
       ...getInputProps(inputProps),
       suppressHydrationWarning: true,
-      ...(interaction === 'enabled' && !isEditable && {
+      ...(isNonEditableSelect && {
         themeOverride: componentTheme => ({
           backgroundReadonlyColor: componentTheme.backgroundColor
         })

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-select",
-  "version": "11.7.7-snapshot-1",
+  "version": "11.7.7-snapshot-3",
   "description": "A component for select and autocomplete behavior.",
   "author": "Instructure, Inc. Engineering and Product Design",
   "module": "./es/index.js",
@@ -15,27 +15,27 @@
   "license": "MIT",
   "dependencies": {
     "@babel/runtime": "^7.29.7",
-    "@instructure/emotion": "11.7.7-snapshot-1",
-    "@instructure/shared-types": "11.7.7-snapshot-1",
-    "@instructure/ui-form-field": "11.7.7-snapshot-1",
-    "@instructure/ui-icons": "11.7.7-snapshot-1",
-    "@instructure/ui-dom-utils": "11.7.7-snapshot-1",
-    "@instructure/ui-popover": "11.7.7-snapshot-1",
-    "@instructure/ui-options": "11.7.7-snapshot-1",
-    "@instructure/ui-react-utils": "11.7.7-snapshot-1",
-    "@instructure/ui-position": "11.7.7-snapshot-1",
-    "@instructure/ui-text-input": "11.7.7-snapshot-1",
-    "@instructure/ui-selectable": "11.7.7-snapshot-1",
-    "@instructure/ui-utils": "11.7.7-snapshot-1",
-    "@instructure/ui-view": "11.7.7-snapshot-1",
-    "@instructure/uid": "11.7.7-snapshot-1",
-    "@instructure/ui-themes": "11.7.7-snapshot-1"
+    "@instructure/emotion": "11.7.7-snapshot-3",
+    "@instructure/shared-types": "11.7.7-snapshot-3",
+    "@instructure/ui-form-field": "11.7.7-snapshot-3",
+    "@instructure/ui-dom-utils": "11.7.7-snapshot-3",
+    "@instructure/ui-icons": "11.7.7-snapshot-3",
+    "@instructure/ui-options": "11.7.7-snapshot-3",
+    "@instructure/ui-popover": "11.7.7-snapshot-3",
+    "@instructure/ui-position": "11.7.7-snapshot-3",
+    "@instructure/ui-themes": "11.7.7-snapshot-3",
+    "@instructure/ui-text-input": "11.7.7-snapshot-3",
+    "@instructure/ui-selectable": "11.7.7-snapshot-3",
+    "@instructure/ui-utils": "11.7.7-snapshot-3",
+    "@instructure/ui-view": "11.7.7-snapshot-3",
+    "@instructure/uid": "11.7.7-snapshot-3",
+    "@instructure/ui-react-utils": "11.7.7-snapshot-3"
   },
   "devDependencies": {
     "vitest": "^5.0.0",
-    "@instructure/ui-babel-preset": "11.7.7-snapshot-1",
-    "@instructure/ui-color-utils": "11.7.7-snapshot-1",
-    "@instructure/ui-scripts": "11.7.7-snapshot-1"
+    "@instructure/ui-babel-preset": "11.7.7-snapshot-3",
+    "@instructure/ui-color-utils": "11.7.7-snapshot-3",
+    "@instructure/ui-scripts": "11.7.7-snapshot-3"
   },
   "peerDependencies": {
     "react": ">=18 <=19"

package/src/Select/v2/index.tsx

@@ -719,6 +719,7 @@ class Select extends Component<SelectProps> {
     const passthroughProps = omitProps(rest, Select.allowedProps)
     const { ref, ...triggerProps } = getTriggerProps({ ...passthroughProps })
     const isEditable = typeof onInputChange !== 'undefined'
+    const isNonEditableSelect = interaction === 'enabled' && !isEditable
 
     let overrideProps: Partial<TextInputProps> = {}
     if (!isEditable) {
@@ -746,10 +747,8 @@ class Select extends Component<SelectProps> {
       value: inputValue,
       inputRef: utils.createChainedFunction(ref, this.handleInputRef),
       inputContainerRef: this.handleInputContainerRef,
-      interaction:
-        interaction === 'enabled' && !isEditable
-          ? 'readonly' // prevent keyboard cursor
-          : interaction,
+      interaction: isNonEditableSelect ? 'readonly' : interaction, // if readonly prevent keyboard cursor
+      forceMessages: isNonEditableSelect,
       isRequired,
       shouldNotWrap,
       layout,
@@ -789,12 +788,11 @@ class Select extends Component<SelectProps> {
         {...triggerProps}
         {...getInputProps(inputProps)}
         suppressHydrationWarning
-        {...(interaction === 'enabled' &&
-          !isEditable && {
-            themeOverride: (componentTheme) => ({
-              backgroundReadonlyColor: componentTheme.backgroundColor
-            })
-          })}
+        {...(isNonEditableSelect && {
+          themeOverride: (componentTheme) => ({
+            backgroundReadonlyColor: componentTheme.backgroundColor
+          })
+        })}
       />
     )
   }