Blurthelines priority commented 3 months ago

mmm - i do have that attribute added. and maybe this mean the issue is not the animation ? i think the problem might be that when i use 'side' mode as default - the width for the sidebar is not there on the DOM when the page loads. hence there is always a nudge of the content (#content) to the right as the sidebar is initialized. i cant add that space via css because the sidebar will just add another bit of space (width) to the space css allocated. any thoughts?

Kamila Pieńkowska staff commented 3 months ago

Only solution I can think of is changing transitionDuration to 0. You may prefer how it will look.

Blurthelines priority commented 3 months ago

thanks - but it doesnt look good when the content page jumps to right on load. its a nice component otherwise - but that is major problem. and i dont think it's usable as is.

Blurthelines priority commented 3 months ago

i am trying to do my own hack here - but for that i need to know the "mode" the sidenav instance is in so i can add an animation based on it. how do i get the "mode" state at any time of the instance?

Kamila Pieńkowska staff commented 3 months ago

You can get this info from instance. Example in the snippet: https://mdbootstrap.com/snippets/standard/kpienkowska/6194605