Topic: Carousel-multi-item resizes itself & pushes other items during transition
*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
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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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