Accordian - MDBCollapseHeader onClick redirects to http://lo


Topic: Accordian - MDBCollapseHeader onClick redirects to http://localhost:3000/#/!

Boiko asked 5 years ago

Expected behavior on click there should be a state change, then and expand/contract on one of the tabs

*Actual behavior*For this JSX:

<MDBCollapseHeader onClick={this.toggleCollapse("collapse1")}>

You render this html:

`<a href="#!"><h5 class="mb-0">Collapsible Group Item #1<i class="fa fa-angle-down"></i></h5></a>:

On a click of the accordion

  1. the onClick handler gets called
  2. the browser gets redirected to http://localhost:3000/#!

*Resources (screenshots, code snippets etc.)*I'm using the unedited code from your basic example https://mdbootstrap.com/docs/react/advanced/accordion/#o-material


Jakub Mandra staff premium answered 5 years ago

Hi,

Thank you for reporting the issue. We have just fixed that element and it will be available in next Monday release.

Best,

Jakub


Boiko answered 5 years ago

Thanks, so on Monday, do I

  1. re-download MDB-React-Pro-npm_4.13.0.zip (with a new version #)
  2. Find the new mdbreact-4.13.0.tgz
  3. Replace mdbreact-4.13.0.tgz with the new version in my project
  4. Rename the file on this line: "mdbreact": "./mdbreact-4.13.0.tgz"

thanks bob


Jakub Mandra staff premium commented 5 years ago

Yes, this should do the job. At the end do not forget to run npm install :)

Best,

Jakub


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.13.0
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes