Topic: Slim Sidebar Icons Move Upon Sidebar Expansion

williamw priority asked 1 year ago

Expected behavior I would expect that when the expand slim sidenav button is pressed, the sidenav opens up to show the additional text, whilst the icons remain static and do not move.

Actual behavior In both the documentation and in practice, I notice that when the 'toggle slim' button is pressed the font-awesome icons jump to the side. This is pretty distracting and is very obvious when mixing with different fontawesome icons, see example, where it's observed they jump at different times.

Resources (screenshots, code snippets etc.) Snippet illustrating this with fa-2x icon size with the fa-home, fa-grin and fa-city icons:

I note that other thinner icons such as fa-sliders-v-square exhibit this behaviour more strongly, but this wasn't available in the snippet environment.

Documentation where this is also visible: See the slim section.

Grzegorz Bujański staff commented 1 year ago

Thanks for reporting this bug. We'll fix it.

williamw priority commented 1 year ago

Thanks Grzegorz : ) Do you have a bug tracker I can follow?

Grzegorz Bujański staff commented 1 year ago

We have a changelog which we update after each release:

williamw priority commented 1 year ago

Hi Grzegorz,

The recent featured snippets are still exhibiting this behaviour:

In these examples only a small amount of movement can be seen, but as I use large icons fa-2x, this is very pronounced.

Thanks, William

Grzegorz Bujański staff answered 1 year ago

We apologize for this but we do not have a solution at the moment. The size of the icons seems to be a problem. Note that in the snippet you send the problem occurs with the first three icons. The other two display correctly. We tried several solutions but none worked perfectly. There were always other problems. At the moment it seems that for icons whose size is an even number this problem does not occur, but if the size of the icon is an odd number the icons jump. Of course, we will continue to look for a solution that will work.

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: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: 3.0.0
  • Device: Custom Build
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes