openedx / openedx/frontend-app-authoring
[UI Enhancement] Organization Dropdown Lacks Search Functionality
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 17
- Forks
- 218
- Avg merge
- 9d 20h
- Merged PRs (30d)
- 20
Description
Description:
Currently, the organization dropdown in the course creation form displays a long list of organizations without a search or filtering option, as in the zoomed-out image below. As a result, users must manually scroll through the entire list to find the desired organization, which becomes increasingly inconvenient when dealing with a large number of organizations.
I found this behavior when testing this PR: https://github.com/openedx/frontend-app-authoring/pull/1689
How to reproduce:
ENABLE_CREATOR_GROUPshould betrueandsettings.ORGANIZATIONS_AUTOCREATEshould be set toFalse- Go to Studio > Home Page (Where courses are listed)
- Click on Create
New Coursebutton - You can see the Organization input with 'No Option' written
- Observe the long list and the lack of a search/filter feature.
- Try to find a specific organization, requiring extensive scrolling.
Additional Context
A zoomed-out screenshot is attached, highlighting the scrolling issue. Adding search functionality will significantly enhance the user experience.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the Studio Home Page's Create New Course form and inspect the organization input exercised by PR #1689, using ENABLE_CREATOR_GROUP=true and settings.ORGANIZATIONS_AUTOCREATE=false. Confirm the current long-list behavior, then define done as allowing users to search or filter organizations so a specific organization can be found without extensive scrolling.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend, web-dev
- Issue type
- Feature
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100