[Bug] Sidenav goes back to light mode when resized in dark mode

[EnzoKilm]

Version

Latest

Reproduction link

https://demos.creative-tim.com/argon-dashboard/pages/dashboard.html

Operating System

Windows 10

Device

Laptop

Browser & Version

Chrome v100.0.4896.127

Steps to reproduce

1. Open the link provied (it works on every page of the demo page)
2. Switch to dark theme
3. Resize the page (either resize the browser's window or open the JS console)

What is expected?

The sidenav needs to stay in the choosen theme color

What is actually happening?

The sidenav goes back to the light mode colors instead of staying dark

---

Solution

Additional comments

This bug is on both the free and pro version

[EnzoKilm]

After having JS issues with removing the fixed-plugin div, I had to remove the following event listeners in the code :
window.addEventListener("resize", navbarColorOnResize); window.addEventListener("resize", sidenavTypeOnResize); window.addEventListener("load", sidenavTypeOnResize);
After that, the color change was gone. This could be helpful to fix the bug.

[itschasa]

had similar issue, this fixed it. thank you <3

[vladutt]

+1

After having JS issues with removing the fixed-plugin div, I had to remove the following event listeners in the code : window.addEventListener("resize", navbarColorOnResize); window.addEventListener("resize", sidenavTypeOnResize); window.addEventListener("load", sidenavTypeOnResize); After that, the color change was gone. This could be helpful to fix the bug.

[rubicon-sibenik]

Had same issue, this helped, it's ok now when resizing (in browser), but when clicking on "iconNavbarSidenav" it popups white instead of dark. Have any suggestions?
Thanks!

[Tibi-GG]

Had same issue, this helped, it's ok now when resizing (in browser), but when clicking on "iconNavbarSidenav" it popups white instead of dark. Have any suggestions? Thanks!

function toggleSidenav() {

remove > sidenav.classList.add('bg-white');