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

Comments

Projects
None yet
2 participants
@andershjort
Copy link

andershjort commented Dec 13, 2017

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

This comment has been minimized.

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

VdustR added a commit to VdustR/vue-material that referenced this issue Jan 26, 2018

fix(MdTabs): fix indicator
right: `calc(100% - ${buttonWidth + buttonLeft}px)` work weird with safari, replace it with `width`
way to set indicator position

fix vuematerial#1304

marcosmoura added a commit that referenced this issue Jan 26, 2018

fix(MdTabs): fix indicator (#1448)
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
You can’t perform that action at this time.