mdn / mdn/learning-area

Discrepancy in github-code and Webpage-code

Open Beginner friendly
#840 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

needs triage
Dominant language
HTML
Stars
7.6k
Forks
27.2k
PR merge metrics
No merged PRs in 30d

Description

The first button for play and pause has different class in both code and web page resulting in null reference. Better to change it to either playpause or play-pause

url at (https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Accessibility/Multimedia#creating_custom_audio_and_video_controls)
and html file called custom-control-start.html
Image

should be instead
Image Image

Contributor guide

No contributing guide indexed for this repository

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

Open custom-control-start.html and compare the first play/pause button's class with the code that references it. Standardize the class name to either playpause or play-pause, then verify that the custom audio/video controls no longer produce a null reference and that the webpage matches the referenced MDN example.

Written by the indexing model from the issue text.

Assessment

Tech stack
html
Domain
accessibility, frontend
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
82/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.