Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Tabs] RTL animation is broken #8833

Closed
amitport opened this issue Dec 6, 2017 · 8 comments · Fixed by #12215
Closed

[Tabs] RTL animation is broken #8833

amitport opened this issue Dec 6, 2017 · 8 comments · Fixed by #12215
Assignees
Labels
P2 The issue is important to a large percentage of users, with a workaround

Comments

@amitport
Copy link
Contributor

amitport commented Dec 6, 2017

Bug, feature request, or proposal:

bug

What is the expected behavior?

tabs switch animation in RTL should work in the correct direction:
when pressing a tab on the left, content should swipe-in from left

What is the current behavior?

content always swipes from right, and sometimes just appears

What are the steps to reproduce?

material demo for 5.0.0-rc.3
select RTL and switch any tabs

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

material 5.0.0-rc.3 (running demo-app)

@crisbeto crisbeto assigned crisbeto and unassigned crisbeto Dec 6, 2017
@andrewseguin andrewseguin reopened this Dec 12, 2017
@andrewseguin andrewseguin changed the title tab switch animation RTL broken [Tabs] RTL animation is broken Dec 12, 2017
@andrewseguin andrewseguin self-assigned this Dec 12, 2017
@MehdiSaeedifar
Copy link

any progress?

@baserirasoul
Copy link

we have same problem

@sghorbani
Copy link

I have the same issue.

@Eddygn
Copy link

Eddygn commented Jan 7, 2018

Also, if it helps to locate the issue:
looks like Chrome and Firefox behave differently, in Chrome the starting animation starts from the right and it looks like the tab stutters, while Firefox has fluid animation.

@MehdiSaeedifar
Copy link

Is there any plan for future releases?

@andrewseguin andrewseguin added the P2 The issue is important to a large percentage of users, with a workaround label Jan 23, 2018
@rxmoein
Copy link

rxmoein commented May 6, 2018

same problem.

@StavM
Copy link

StavM commented Jul 4, 2018

this issue is still ongoing.
aside from cancelling animation is there a temporary bypass

@devversion devversion self-assigned this Jul 15, 2018
devversion added a commit to devversion/material2 that referenced this issue Jul 15, 2018
Fixes that the tabs content is not animating properly in chrome when RTL is turned on.

Fixes angular#8833. Fixes angular#9465
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 9, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
P2 The issue is important to a large percentage of users, with a workaround
Projects
None yet
Development

Successfully merging a pull request may close this issue.

10 participants