search

creativetimofficial / blk-design-system

231 stars 129 forks source link

[Bug] Issue with Nav-Tabs #23

Open HEIRSDesign opened 3 years ago

HEIRSDesign commented 3 years ago

Version

1.0.0

Reproduction link

https://jsfiddle.net/ihervias08/0yhvrm4j/4/

Operating System

Window 10

Device

Surface Pro

Browser & Version

Google Chrome

Steps to reproduce

  1. Download BLK UI Kit Version 1.0.0
  2. Take the HTML code from jsfiddle and place it within the "examples" folder so that CSS and Javascript files are pulled correctly.
  3. Open the HTML file and you could see that initially the tabs for "profile" "address" and "wallet" work.

    What is expected?

    Initially, the profile tab is active so it will show that pane. I should be able to hit "address" and "wallet" panes and move between them back and forth.

    What is actually happening?

    I should be able to switch between tabs but only the first switch works. Since the "account" tab is active I can choose the other two. but as soon as I switch to either wallet or address it locks the nav pills making the other two tabs inaccessible.

Solution

Additional comments

it would be a lot easier to just send you the page I created using the components in the kit and for you to just place it into the "examples" folder. You can reach me at ih46@njit.edu

rarestoma commented 3 years ago

Hi @HEIRSDesign,

Thank you for working with our products.

Please send me the page that you created at rares@creative-tim.com.

Also, as I see in the jsfiddle, you are using the blk design system pro and there is all the code visible. Please remove it and I will continue testing it using your sent file.

Thank you, Rares