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

[MdTabs] indicator has wrong behaviour in Safari #1304

Closed
andershjort opened this issue Dec 13, 2017 · 1 comment · Fixed by #1448
Closed

[MdTabs] indicator has wrong behaviour in Safari #1304

andershjort opened this issue Dec 13, 2017 · 1 comment · Fixed by #1448
Labels

Comments

@andershjort
Copy link

Steps to reproduce

Go here: https://vuematerial.io/components/tabs/home with Safari on OSX and click the tabs

Which browser?

Safari 11.0.2 (12604.4.7.1.4) OSX Sierra 10.12.6 (16G1036)

What is expected?

The tab indicator should slide gracefully back and forth when I click the tabs.

What is actually happening?

The indicator slides back and forth, but the width varies from 0 to much-too-wide

This seems to be an issue with transitioning the value for "right" on the tab indicator. The issue is not appearing in Chrome or Firefox, just Safari.

@VdustR
Copy link
Member

VdustR commented Dec 15, 2017

dec-16-2017 00-51-38

@VdustR VdustR added the bug label Dec 15, 2017
@Samuell1 Samuell1 changed the title MdTabs indicator has wrong behaviour in Safari [MdTabs] indicator has wrong behaviour in Safari Jan 4, 2018
marcosmoura pushed a commit that referenced this issue Jan 26, 2018
right: `calc(100% - ${buttonWidth + buttonLeft}px)` work weird with safari, replace it with `width`
way to set indicator position

fix #1304
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
2 participants