-
Notifications
You must be signed in to change notification settings - Fork 7.5k
Open
Labels
needs: triageThis issue needs to be reviewedThis issue needs to be reviewed
Description
Description
In the documentation, there is a sidebar to the left of the page that contains navigation to api references.
On mobile, this section is hidden, and can be toggled via a hamburger button in the bottom right of the viewport.
In the sidebar, each navigation anchor link is contained within a
that has the
The navigation link that matches the current page will also have the
.sidebar-section-children
class.The navigation link that matches the current page will also have the
.active
class added to its parent.
In the mobile view, however, this .active
class is not added to the parent.
Current mobile behavior (lack of .active class):
chrome_6QToq9eVPt.mp4
Desktop behavior (adds .active class to the current page reference link):
chrome_QobIyKH2j8.mp4
Reduced test case
Steps to reproduce
- Resize the browser until the hamburger button appears
- Click to open the API reference navigation menu
- Open an API group drop-down, and select a reference page link
- When the page for the correct reference page loads, return to the navigation menu and observe the styling for the same reference page link
Errors
No response
What version of Video.js are you using?
Latest
Video.js plugins used.
No response
What browser(s) including version(s) does this occur with?
All
What OS(es) and version(s) does this occur with?
All
Metadata
Metadata
Assignees
Labels
needs: triageThis issue needs to be reviewedThis issue needs to be reviewed