Topic: Tab - jumping 1px bug (because of active class)

meesha81 priority asked 1 month ago


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


Kamila Pieńkowska staff answered 1 month ago


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;
}


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

  • ForumUser: Priority
  • 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
Tags