gwt-material-demo
gwt-material-demo copied to clipboard
Tab indicatorColor not working properly
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!