From 3653d7e0b82ebd3f5e907f643595faccf2d2cabf Mon Sep 17 00:00:00 2001
From: Mathieu Jaumotte <mathieu.jaumotte@champs-libres.coop>
Date: Wed, 7 Jul 2021 18:58:11 +0200
Subject: [PATCH] fix missing dom selector in stickynav vue

---
 src/Bundle/ChillMainBundle/Resources/views/layout.html.twig | 2 +-
 .../vuejs/AccompanyingCourse/components/StickyNav.vue       | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig b/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig
index cd3c39ea6..2f80036a3 100644
--- a/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig
+++ b/src/Bundle/ChillMainBundle/Resources/views/layout.html.twig
@@ -44,7 +44,7 @@
         To use if you want to add a banner below the header (ie the menu) 
     #}{% endblock %}
 
-    <div class="content">
+    <div class="content" id="content">
     {% block sublayout_content %}
         <div class="container-xxl">
             <div class="row justify-content-center">
diff --git a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue
index 3bc1ea33a..be52499ba 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue
+++ b/src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourse/components/StickyNav.vue
@@ -1,5 +1,5 @@
 <template>
-   <teleport to="#content_conainter .container.content .container">
+   <teleport to="#content">
       <div id="navmap">
          <nav>
             <a class="top" href="#top">
@@ -27,7 +27,7 @@ export default {
    },
    data() {
       return {
-         header: document.querySelector("header.navigation.container"),
+         header: document.querySelector("header nav.navbar"),
          bannerName: document.querySelector("#header-accompanying_course-name"),
          bannerDetails: document.querySelector("#header-accompanying_course-details"),
          container: null,
@@ -60,7 +60,7 @@ export default {
       ready() {
 
          // load datas DOM when mounted ready
-         this.container = document.querySelector("#content_conainter .container.content .container");
+         this.container = document.querySelector("#content");
          this.stickyNav = document.querySelector('#navmap');
          this.anchors = document.querySelectorAll("h2 a[name^='section']");
          this.initItemsMap();