Skip to content

Sidenav goes over text on RTL pages #411

@theunreal

Description

@theunreal
  • Do you want to request a feature or report a bug?
    bug
  • What is the current behavior?
    In RTL (Right-to-left) versions of a page, the sidenav content starts inside the sidenav and blocked by it.
  • **If the current behavior is a bug,
    master.html:
    <md-sidenav-layout> <md-sidenav #start mode="side" [opened]="true"> <sidebar></sidebar> </md-sidenav>

sidebar.html:

  <md-toolbar color="primary">Some info</md-toolbar>
  <div class="content">
     Hello, I'm a Sidenav!
 </div>

  • What is the expected behavior?
    Sidenav Content should start from the end of the sidenav (the end in RTL versions, is the left side of it)
  • What is the motivation / use case for changing the behavior?
  • Text and other element shouldn't be hidden inside the sidenav
  • support RTL pages
  • Which version of Angular and Material, and which browser and OS does this issue affect?
    Angular material 2.0.00-alpha4
    Cross platform (Bug on IE/FF/Chrome)
  • Other information

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions