vue-burger-menu icon indicating copy to clipboard operation
vue-burger-menu copied to clipboard

Why is it animating width when using slide animation

Open PrimozRome opened this issue 6 years ago • 3 comments

Any idea why it is animating width when using slide animation?

This is not particularly very good, because all the content inside menu bar is transforming when width animation is applied on the slide out (left or right).

It would be much better if translate on position is used so that menu bar is not resized when animating out.

PrimozRome avatar Apr 29 '19 07:04 PrimozRome

I was able to fix this issue altering the CSS of the nav class "bm-item-list". Simply set the width in "bm-item-list" class to the same width set for bm-menu.

celsoluiz81 avatar May 11 '19 14:05 celsoluiz81

Any idea why it is animating width when using slide animation?

This is not particularly very good, because all the content inside menu bar is transforming when width animation is applied on the slide out (left or right).

It would be much better if translate on position is used so that menu bar is not resized when animating out.

Exactly

gavinhewitt avatar Dec 05 '19 10:12 gavinhewitt

Still happening, this would be a nice small change to make the Slide/Reveal animations much better.

DrCord avatar Mar 10 '20 17:03 DrCord