Topic: carousel zoom stop working after datetimepicker change

dartseng premium asked 3 months ago

Expected behavior

Actual behavior I have an issue regarding datetimepicker and carousel. In a page there are carousel and datetimepicker. Everything works fine until I change time in datetimepicker. After that, zoom con carousel stop working.

Resources (screenshots, code snippets etc.)

<div class="row">
  <div class="col-md-12">&nbsp;</div>
<div class="row">
  <div class="col-6">
    <div id="carousel_controls_id" class="peopleCarouselImg carousel slide carousel-dark">
      <div class="carousel-inner lightbox" id="img_carousel_id">
        <div class="carousel-item active" data-mdb-interval="10000">
          <img src="" class="d-block w-100" alt="Wild Landscape" />
        <div class="carousel-item" data-mdb-interval="2000">
          <img src="" class="d-block w-100" alt="Camera" />
        <div class="carousel-item">
          <img src="" class="d-block w-100" alt="Exotic Fruits" />
      <button class="carousel-control-prev" type="button" data-mdb-target="#carousel_controls_id"
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Previous</span>
      <button class="carousel-control-next" type="button" data-mdb-target="#carousel_controls_id"
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="visually-hidden">Next</span>
  <div class="col-6">
    <div class="form-outline datetimepicker">
      <input type="text" class="form-control" value="22/12/2020, 14:12:56" id="datetimepickerExample" />
      <label for="datetimepickerExample" class="form-label">Select Date and Time</label>

kpienkowska staff answered 3 months ago

I pasted your code into snippet and it works fine.

dartseng premium commented 3 months ago

It's strange. I've downloaded a fresh image of MDB5-STANDARD-UI-KIT-Pro-Essential-5.0.0.

modifying the sample index.html file with the code copied from snippet, the problem remains.

dartseng premium commented 3 months ago

any hints about this behaviour?

Please insert min. 20 characters.


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



Specification of the issue

  • User: Premium
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.10.1
  • Device: PC
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No