Nested carousel inside tab-pane

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Nested carousel inside tab-pane

BioK03 pro asked 7 years ago

Hello coders !

I need to get a carousel working inside a tab-pane (I use it as an item of a nav-tabs, like in the docs), but there is a problem with the "active" class.

In fact, the indicator of the carousel has the active class, and it breaks the behavior of the nav-tabs :(

Is there a way to get this working ? This is a bit awkward, because no classes are in conflict, so this should be working, no ?

I think (by my tests) that the carousel code is working properly, but nav-tabs seems to query for the active class all over the DOM, without querying the tab-pane class.

 

Thank you !

 

Edit :

you can test it here : https://biok03.github.io/CHBE-Website-3/ : Just click on "Technologies", then on "Projects", and both will print

Bartłomiej Malanowski staff pro premium answered 7 years ago

This bug comes from Bootstrap. It's fixed already in Bootstrap 4 beta-2. We're working on an update that contains the latest version of Bootstrap

Marta Szymanska staff pro premium answered 7 years ago

Hi, The problem is with carousel within "WORK" tab and below "Internship : Conceptor Developper Full-Stack - Ops - Designer", yes? I've seen your website but it's hard to check what is wrong just in the console, so could you send me any files with this problem to m.szymanska@mdbootstrap.com? I'll try to help you. Best, Marta

BioK03 pro answered 7 years ago

Hello Marta ! Thank your for your fast answer !   I have made a demo file (as my project file is pretty long) to demonstrate the problem : https://biok03.github.io/CHBE-Website-3/demo.html I created a gist for the code (I cannot make my repo public for the moment) : https://gist.github.com/BioK03/f00a4cea18d4c88b6cd93192351baf96  Keep me in touch :)

BioK03 pro answered 7 years ago

Hello Bartomiej, thank you for your answer. I will wait then a few weeks for the next version to be released before developping this feature on my website :)   Have a good day !    

BioK03 pro answered 7 years ago

Hello !   I updated MDB in my project, and I confirm that this bug is solved using the last version of Bootstrap (4.0.0-beta2) and MDBootstrap (4.4.3). I thank you for your fast answers :) Best, Bertrand Choubert
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes
About author
BioK03
Pro User
17Support score
3Questions 4Answers
0Snippets likes 0Snippets