Style conflict with Bulma in Tabs

[sowrensen]

The bottom border of the first item is still visible while it is selected. It only conflicts with the first item. I was working with Buefy which is based on Bulma. So I tested with both Bulma and Buefy tab component. See the attached image.

[hjl19911127]

Hey buddy, i m confusing which style in my project conflict with your component, any further information? Thanks.

[sowrensen]

I would love to provide more help. But as I do not have a good front-end knowledge, I cannot specifically tell you which style is creating the malfunction. I just can say that as soon as I put a Tab component inside the drawer content, the style of the first item of the tab behaves weirdly. To be sure, I tried with two different project, and the outcome is same.

[hjl19911127]

Got any online demo?

[sowrensen]

Unfortunately no. Let's see if I can share one in codepen or something.

[sowrensen]

Buddy, I have added a demo on https://codesandbox.io/s/jnl5pjrx33. See if it can help.

[hjl19911127]

Modify the class content to section

https://codesandbox.io/s/8znzwkp4ol

[sowrensen]

Thanks buddy. Appreciated. 😄