\r\n \u003CBody class=\"antialiased selection:bg-primary-100 selection:text-primary-600\" />\r\n\r\n \u003CNuxtPage class=\"flex-1\" />\r\n\r\n \u003Csection id=\"about\">Demo section\u003C/section>\r\n \u003C/div>\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\nI'm trying to build a reveal animation when the page is loaded, so I usually create the animation timeline with GSAP inside the \"onMounted\" hook that starts paused and only plays once the page is fully loaded (the `page:finish` hook).\r\n\r\nEverything works perfectly fine if I navigate to any page of the Nuxt app and reload it, except for reloading in pages with a hash in the path AND an actual element with the hash as an id (for example: `http://localhost:8080/#about`). For some reason, if the route path contains a hash of an existing element in the DOM, the `page:finish` hook gets called before `onMounted`. However, if I remove the hash from the URL or there's no element present in the DOM that matches the hash, the order goes back to normal (`onMounted` first and `page:finish` second).\r\n\r\nI don't know why that happens.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2925,2926],{"name":2912,"color":2913},{"name":2927,"color":2928},"pending triage","E99695",20617,"The `page:finish` hook gets called before `onMounted` only when hash present in path","2023-05-02T03:12:44Z","https://github.com/nuxt/nuxt/issues/20617",0.74187386,{"labels":2935,"number":2940,"owner":2860,"repository":2860,"state":2897,"title":2941,"updated_at":2942,"url":2943,"score":2944},[2936,2937],{"name":2927,"color":2928},{"name":2938,"color":2939},"2.x","d4c5f9",10585,"Scroll behavior not working when hash is UTF-8 string","2024-06-30T09:24:53Z","https://github.com/nuxt/nuxt/issues/10585",0.7466797,{"description":2946,"labels":2947,"number":2950,"owner":2860,"repository":2860,"state":2897,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Describe the feature\n\nWhen navigating to hash links, its not unusual that you actually want to add an additional couple of pixels to the scroll Y position.\r\n\r\nIt would be great if this could be controlled via an option in the nuxt.config, similar to the \"scrollBehaviourType\".\r\n\r\nProposed solution:\r\nAdd new option called \"scrollY\" that will take a positive or negative number of pixels for where the anchor will be.\r\n\r\n```\r\nexport default defineNuxtConfig({\r\n router: {\r\n options: {\r\n scrollBehaviorType: 'smooth',\r\n scrollY: '50px'\r\n }\r\n }\r\n})\r\n\r\n```\n\n### Additional information\n\n- [X] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[2948,2949],{"name":2912,"color":2913},{"name":2927,"color":2928},24280,"Add an option to configure anchors Y position when scrolling to a hashLink","2023-11-16T17:39:25Z","https://github.com/nuxt/nuxt/issues/24280",0.74698424,{"labels":2956,"number":2961,"owner":2860,"repository":2860,"state":2897,"title":2962,"updated_at":2963,"url":2964,"score":2965},[2957,2959,2960],{"name":2958,"color":2875},"stale",{"name":2927,"color":2928},{"name":2938,"color":2939},7541,"Is there the standard, recommended way to make anchor links work properly?","2023-01-22T15:36:01Z","https://github.com/nuxt/nuxt/issues/7541",0.7482364,{"description":2967,"labels":2968,"number":2970,"owner":2860,"repository":2860,"state":2897,"title":2971,"updated_at":2972,"url":2973,"score":2974},"Reproduction\r\n\r\n1. Click on the link on the page with the hash, eg.:\r\n```\u003Cnuxt-link :to=\"`${postLink(post)}#add-comment-form`\">```\r\nPage is changing correctly.\r\n\r\n2. After that click on the second link, eg.:\r\n`\u003Ca @click=\"changeCategory(c)\">category\u003C/a>`\r\nwhere changeCategory:\r\n```js\r\n methods: {\r\n changeCategory (cat) {\r\n const url = categoryLink(cat)\r\n console.log('moving to ', url)\r\n this.$router.push({ path: url })\r\n }\r\n },\r\n```\r\nThe method is called, the progress bar is animating but the page doesn't change.\r\n\r\n3. To change to page I need to click once again on the same link.\r\nThe bug is only present when the first link has a # hash at the end. Tested with alfa-4 and rc-4\r\n\r\nthanks for help in advance,\r\n\r\n\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1211\">#c1211\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2969],{"name":2938,"color":2939},1367,"bug - this.$router.push doesn't work for the first click where hash is present","2023-01-18T15:41:42Z","https://github.com/nuxt/nuxt/issues/1367",0.75751513,["Reactive",2976],{},["Set"],["ShallowReactive",2979],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fN3YZArFC-dDlK3mbhOrwT3cs6jKh0McpPt-MwJ9jElI":-1},"/nuxt/icon/140"]