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.

Scroll support for <md-tabs> in RTL languages #9292

@mosiruane123

Description

@mosiruane123

Actual Behavior:
Scroll arrows are inverted and scrolling on tabs not functioning

  • What is the issue? *
    Scroll support for in RTL not working
  • What is the expected behavior?
    Scroll arrows in correct position and supporting scroll on tabs

CodePen (or steps to reproduce the issue): *
Change page direction which includes to rtl (dir="rtl")

  • CodePen Demo which shows your issue:
    http://codepen.io/anon/pen/oLJKNr
  • Details:
    open up developer tools/ Inspect element (F12) to narrow screen size.
    Adjust until the tabs are truncated and the next/previous arrows appear
    Notice the arrows are inverted and the scroll left/right no longer works
    Is there a fix for this issue?

Angular Versions: *

  • Angular Version:
    v1.5.0
  • Angular Material Version:
    v1.1.0-rc4

Additional Information:

  • Browser Type: * Chrome
  • Browser Version: *52.0.2743.82 m
  • OS: * Windows
  • Stack Traces: ---

Shortcut to create a new CodePen Demo.
Note: * indicates required information. Without this information, your issue may be auto-closed.

Do not modify the titles or questions. Simply add your responses to the ends of the questions.
Add more lines if needed.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions