Skip to content
This repository has been archived by the owner on Aug 29, 2023. It is now read-only.

md-tabs not scrolling to md-selected on load #2838

Closed
azza85 opened this issue May 13, 2015 · 2 comments
Closed

md-tabs not scrolling to md-selected on load #2838

azza85 opened this issue May 13, 2015 · 2 comments
Assignees
Milestone

Comments

@azza85
Copy link

azza85 commented May 13, 2015

If I load the dynamic tabs example on this link https://material.angularjs.org/#/demo/material.components.tabs
on a smaller screen width eg less than 600px w, I would expect the tabs to scroll to the highlighted index. It appears ok on the above link, but if I change the selectedIndex to 7 it loads the content of 7 but the tabs don't scroll to the active tab, which I think causes confusion for the user as they don't know what tab they are on until they click the arrow to scroll accross. Is this working as intended or should it work as I have suggested?

See updated codepen (make window less than 600px) for example
$scope.selectedIndex = 7;

http://codepen.io/anon/pen/aONBKM

@patriknyd
Copy link

+1

/ med vänlig hälsning
Patrik Nydensten

----- Reply message -----
From: "azza85" notifications@github.com
To: "angular/material" material@noreply.github.com
Subject: [material] md-tabs not scrolling to md-selected on load (#2838)
Date: Wed, May 13, 2015 13:52

If I load the dynamic tabs example on this link https://material.angularjs.org/#/demo/material.components.tabs

on a smaller screen width eg less than 600px w, I would expect the tabs to scroll to the highlighted index. It appears ok on the above link, but if I change the selectedIndex to 7 it loads the content of 7 but the tabs don't scroll to the active tab, which I think causes confusion for the user as they don't know what tab they are on until they click the arrow to scroll accross. Is this working as intended or should it work as I have suggested?

See updated codepen (make window less than 600px) for example

$scope.selectedIndex = 7;

http://codepen.io/anon/pen/aONBKM


Reply to this email directly or view it on GitHub.

@mprentic-harris
Copy link
Contributor

Thank you!

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

5 participants