Topic: Tab - jumping 1px bug (because of active class)
Since 7.0.0 until 7.3.2 menu jumping 1px to the top because of class "active" which put negative margin-top.
If you click to left item first, second etc. and you can see 1px jumping. It is propably because of "active" class to the >first item:
.list-group-item+.list-group-item.active {
margin-top: calc(-1* var(--mdb-list-group-border-width));
}
Snippet based on your documentation https://mdbootstrap.com/docs/standard/components/list-group/#
Snippet: https://mdbootstrap.com/snippets/standard/meesha81/6152737
Thanks for letting as know. If you need a workaround that you can use until we fix this you can add this css:
.list-group {
--mdb-list-group-border-width: 0;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 7.3.2
- Device: PC
- Browser: Chrome
- OS: Win11
- Provided sample code: No
- Provided link: Yes