angular/components

docs-bug(Sidenav): deprecated methods used in the responsive sidenav example

Open

#29266 opened on Jun 15, 2024

View on GitHub
 (2 comments) (0 reactions) (0 assignees)TypeScript (24,044 stars) (6,650 forks)batch import
P4area: material/sidenavdocsgood first issue

Description

Documentation Feedback

https://github.com/angular/components/blob/main/src/components-examples/material/sidenav/sidenav-responsive/sidenav-responsive-example.ts

In the stackblitz demo, it shows that addlistener and removelistener are deprecated. I just wanted to create this documentation issue to let the contributors/maintainers aware.

Affected documentation page

https://material.angular.io/components/sidenav/examples#sidenav-responsive

Contributor guide

Tech stack
typescripthtmlcss
Domain
documentation
Issue type
documentation
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
under 1 hour
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
fresh
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
clear
Prerequisites
None
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
80
Research direction
The issue points to the file src/components examples/material/sidenav/sidenav responsive/sidenav responsive example.ts, which uses deprecated addlistener and removelistener methods. To fix, replace those calls with the current recommended alternatives (likely addEventListener/removeEventListener or Angular's Renderer2). Check the Angular Material source or documentation for the exact methods. No linked PRs or additional comments provide further guidance.