react-pro-sidebar icon indicating copy to clipboard operation
react-pro-sidebar copied to clipboard

Sidebar menu briefly pops up when transitioning from collapsed state

Open davipk opened this issue 3 years ago • 4 comments

For some reason, any sub menu items that are inside a menu seems to pop up for a frame or so when transitioning from collapsed to a regular state. Any reason how this could be happening?

https://user-images.githubusercontent.com/1755890/109116463-335a5800-7706-11eb-9a2c-db20f60541b7.mp4

I've used the styles that's been imported by default then modified some variables. Tested the vanilla style as well and that also seems to cause the same issue.

davipk avatar Feb 25 '21 07:02 davipk

Any fixes for this yet?

geetanshmalhotra avatar Mar 19 '21 09:03 geetanshmalhotra

I had the same issue, then tried to remove transition inside the pro-inner-list-item class, then added a transition-delay, maybe it is related to visibility transition.

atarikcaliskan avatar Mar 22 '21 19:03 atarikcaliskan

I had the same issue, then tried to remove transition inside the pro-inner-list-item class, then added a transition-delay, maybe it is related to visibility transition.

I tried implementing this. Removed all transitions from pro-inner-list-item and tried adding transition delay. Glitch still seems to be there.

geetanshmalhotra avatar Mar 24 '21 07:03 geetanshmalhotra

I had the same issue and added this in my css menu file :

 .pro-sidebar:not(.collapsed) .popper-inner {
      display: none;
  }

It seems to stop the glitch and can work as a temporary solution until the issue is fixed

egmab avatar Apr 19 '21 15:04 egmab

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

stale[bot] avatar Oct 05 '22 19:10 stale[bot]