Carousel-multi-item resizes itself & pushes other items duri


Topic: Carousel-multi-item resizes itself & pushes other items during transition

Alanc asked 5 years ago

*Expected behavior*For the carousel sliding effect to work properly without resizing itself or other elements on the page.

*Actual behavior*The carousel-multi-item size resizes during transition, also resizing other elements on the page, this only occurs starting from a certain viewpoint size (eg. regular full page), when inspecting the source code, which reduces the size of the live preview, the bug doesn't occur.

*Resources (screenshots, code snippets etc.)*Snippet replicating the issue, make sure to slide the code fields to the left, thus increasing the size of the live preview, the bug only occurs starting from a certain viewpoint size:https://mdbootstrap.com/snippets/jquery/alanc/1457350


Alanc answered 5 years ago

When putting the whole carousel in a .container rather than .container-fluid, the bug no longer occurs. I can use this as a fix for now, but still wonder why .container-fluid messes with the transition animation in this way.


Grzegorz Bujański staff commented 5 years ago

Hi,

It looks like the problem only occurs on large resolution like 4K. .container class solves problem, because it's sets max-width to 1140px. I'll report it, and we'll fix it

Best regards, Grzegorz


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.9.0
  • Device: Laptop
  • Browser: Brave
  • OS: Windows 10 Pro
  • Provided sample code: No
  • Provided link: Yes