fix Glitch in the sidebar during navigation (#163)

Author: karinevieira

app/javascript/controllers/sidebar_menu_controller.js

@@ -3,11 +3,14 @@ import { Controller } from "@hotwired/stimulus"
 // Connects to data-controller="sidebar-menu"
 export default class extends Controller {
   connect() {
-    window.addEventListener("turbo:before-visit", () => {
+    window.addEventListener("turbo:before-cache", () => {
       localStorage.setItem("menuScrollPositon", this.element.scrollTop);
     });
 
-    window.addEventListener("turbo:load", () => {
+    window.addEventListener("turbo:before-render", () => {
+      this.element.scrollTop = localStorage.getItem("menuScrollPositon") || 0;
+    });
+    window.addEventListener("turbo:render", () => {
       this.element.scrollTop = localStorage.getItem("menuScrollPositon") || 0;
     });
   }

app/views/components/shared/head.rb

@@ -14,7 +14,7 @@ def view_template
       csrf_meta_tags
       stylesheet_link_tag "https://api.fontshare.com/v2/css?f[]=general-sans@1&display=swap", data_turbo_track: "reload"
       stylesheet_link_tag "application", data_turbo_track: "reload"
-      javascript_include_tag "application", data_turbo_track: "reload", defer: true
+      javascript_include_tag "application", data_turbo_track: "reload", type: "module"
     end
   end
 end