Merge pull request #1746 from aehrc/issue/1733

Remove `openOnFocus` prop from autocomplete fields

Author: fongsean

CHANGELOG.md

@@ -10,6 +10,10 @@ For changelogs of other libraries, please refer to their respective repositories
 
 Changelog only includes changes from version 0.36.0 onwards.
 
+## [1.2.6] - 2025-10-28
+### Fixed
+- Remove `openOnFocus` prop from autocomplete fields to allow screen readers to read out label, placeholder text and control's role. Refer to issue [#1733](https://github.com/aehrc/smart-forms/issues/1733)
+
 ## [1.2.5] - 2025-10-28
 ### Fixed
 - Use `deepEqual` for checkbox answer matching instead of JSON.stringify equality to correctly compare valueCoding objects. Refer to issue [#1738](https://github.com/aehrc/smart-forms/issues/1738)

LOCAL_DEVELOPMENT.md

@@ -545,7 +545,7 @@ P.S. We had `alpha` as a pre-release branch before the recent v1.0.0 release. Th
 
 ## Common issues
 
-NPM workspaces can be a bit inconsistent at times, so it is a good idea to run `npm install` in the directory you are working on to ensure dependencies are installed correctly.
+NPM workspaces can be a bit inconsistent at times, so it is a good idea to merge main back to your branch first, then run `npm install` in the directory you are working on to ensure dependencies are installed correctly.
 If `npm install` doesn't resolve the issue, try deleting the `node_modules` directory (or `package-lock.json` at times) and running `npm install` again.
 
 Sometimes packages in the monorepo can have different versions of the same dependency, which may cause issues. Ensure that the package/app you are working on have the same dependency versions as the other packages in the monorepo.

apps/smart-forms-app/package.json

@@ -28,7 +28,7 @@
     "@aehrc/sdc-assemble": "^2.0.2",
     "@aehrc/sdc-populate": "^4.6.2",
     "@aehrc/sdc-template-extract": "^1.0.14",
-    "@aehrc/smart-forms-renderer": "^1.2.5",
+    "@aehrc/smart-forms-renderer": "^1.2.6",
     "@dnd-kit/core": "^6.3.1",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",

apps/smart-forms-app/src/features/playground/components/PlaygroundQuestionnairePicker.tsx

@@ -102,7 +102,6 @@ function PlaygroundQuestionnairePicker(props: PlaygroundQuestionnairePickerProps
         getOptionLabel={(option) => `${option}`}
         value={!selectedQuestionnaireId ? null : selectedQuestionnaireId}
         onChange={(_, newValue) => setSelectedQuestionnaireId(newValue ?? '')}
-        openOnFocus
         autoHighlight
         size="small"
         data-test="questionnaire-picker-playground"