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

Tab indicatorColor not working properly #105

Open
mcaap opened this issue Mar 8, 2021 · 1 comment
Open

Tab indicatorColor not working properly #105

mcaap opened this issue Mar 8, 2021 · 1 comment

Comments

@mcaap
Copy link

mcaap commented Mar 8, 2021

I tried the Tab demo from the page.

    <m:MaterialTabItem waves="YELLOW" grid="s4">
     <m:MaterialLink text="Tab 1" href="#tab1" textColor="WHITE"/>
    </m:MaterialTabItem>
    <m:MaterialTabItem waves="YELLOW" grid="s4">
     <m:MaterialLink text="Tab 2" href="#tab2" textColor="WHITE"/>
    </m:MaterialTabItem>
    <m:MaterialTabItem waves="YELLOW" grid="s4">
     <m:MaterialLink text="Tab 3" href="#tab3" textColor="WHITE"/>
    </m:MaterialTabItem>
   </m:MaterialTab>```

However, when the page loads, the indicatorColor is momentarily YELLOW but then changes to light blue. Looking into the source generated, you can see two indicator divs (so the 2nd is overriding the original div)
![Screenshot from 2021-03-08 17-35-19](https://user-images.githubusercontent.com/3183663/110319825-6b7e6680-8035-11eb-8ada-cc9f70c60491.png)
![Screenshot from 2021-03-08 17-35-35](https://user-images.githubusercontent.com/3183663/110319826-6caf9380-8035-11eb-90cd-a9c7a9c45421.png)

Is this a bug in the main library or am I doing something wrong?

Thanks!
@mcaap
Copy link
Author

mcaap commented Mar 8, 2021

Screenshot from 2021-03-08 17-35-19
Screenshot from 2021-03-08 17-35-35

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

No branches or pull requests

1 participant