Blurthelines priority commented 11 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 11 months ago

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

Blurthelines priority commented 11 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 11 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 11 months ago

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