Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

sidenav: does not automatically handle entering hidden state on resize #4595

@josephperrott

Description

@josephperrott
Member

If a sidenav component is in an open/active state when a resize occurs and the resize causes the sidenav to go be hidden (for example hide-gt-sm is applied), I would expect the nav handle itself needing to enter a closed/nonactive state. Additionally, you can request to toggle the sidenav into an active state while it is hidden.

Both can be replicated here: http://codepen.io/josephperrott/pen/jbbpEq

Reproducables

Resize:
Open the page and size the window small enough for the sidenav to be available, toggle it open and then resize the page large enough for the sidenav to be hidden. The backdrop remains present, it then requires a click anywhere on the page for it to "close".

Toggle:
Open the page large enough that the sidenav cannot be displayed, then click the toggle sidenav button. The sidenav stays hidden, but the backdrop appears.

Activity

added
g3: reportedThe issue was reported by an internal or external product team.
on Sep 11, 2015
added this to the 1.0-rc4 milestone on Nov 5, 2015
modified the milestones: 1.0-rc6, 1.0-rc7 on Dec 3, 2015

67 remaining items

added this to the 1.1.22 milestone on Aug 15, 2019
modified the milestones: 1.1.22, 1.1.23 on Oct 22, 2019
modified the milestones: 1.1.23, 1.2.1 on May 6, 2020
modified the milestones: 1.2.1, 1.1.23 on May 15, 2020
added a commit that references this issue on May 18, 2020
dc4b8c4
modified the milestones: 1.1.23, 1.2.1 on Jun 8, 2020
modified the milestones: 1.2.1, 1.2.2 on Sep 14, 2020
modified the milestones: 1.2.2, - Backlog on Oct 20, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

P3: importantImportant issues that really should be fixed when possible.for: internal contributorThe team will address this issue and community PRs are not requested.g3: reportedThe issue was reported by an internal or external product team.has: Pull RequestA PR has been created to address this issuetype: bug

Type

No type

Projects

No projects

Relationships

None yet

    Participants

    @ThomasBurleson@jelbourn@opoupeney@Splaktar@marosoft

    Issue actions

      sidenav: does not automatically handle entering hidden state on resize · Issue #4595 · angular/material