openedx / openedx/frontend-app-authoring

[Test failure] [TC_AUTHOR_49]: Transcript language dropdown and transcript upload flow do not behave properly in Studio Video Component

Open
#2,342 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

needs triage release testing teak
Dominant language
TypeScript
Stars
17
Forks
218
Avg merge
9d 20h
Merged PRs (30d)
20

Description

Release

Teak

Expected behavior

As a course author, when adding a video component in Studio:

  • The language dropdown for adding a transcript should allow smooth scrolling within the dropdown itself, regardless of page length.
  • If a language is selected but no transcript is uploaded, the interface should allow the author to retry the upload or change the selection.
Actual behavior
  • The transcript language dropdown does not scroll independently. Instead, the entire page scrolls, making it difficult to navigate through the list of languages.
  • If the author selects a language but cancels the upload (or forgets to upload the transcript), the interface becomes unresponsive to further upload attempts. The only workaround is to exit the video component editor and then re-enter it.
Steps to reproduce
  1. In Studio, add a new unit and insert a video component.
  2. Go to the “Transcripts” section and click the language dropdown to select a language.
  3. Observe that scrolling through the dropdown is difficult, as it scrolls the whole page instead of the dropdown.
  4. Select a language but do not upload a transcript.
  5. Attempt to repeat the process (e.g., select the same language and upload a file).
  6. Observe that the interface does not allow a second upload attempt. The only way to resolve this is to exit the video editor and enter again.
Additional information

https://github.com/user-attachments/assets/a65ef36e-5d7f-4ffa-bf99-633573841fc3

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in the Studio Video Component's Transcripts section and reproduce the language-dropdown scrolling and cancelled-upload steps described above. Trace the transcript selection and upload flow, then verify that the dropdown scrolls independently and that cancelling or omitting a file allows another upload attempt without leaving the editor.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
38/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.