Skip to content

Commit

Permalink
feat: set scrollbar-gutter to stable
Browse files Browse the repository at this point in the history
This prevents layout shifts when the scrollbar appears. See [1].

[1] https://dev.to/rashidshamloo/preventing-the-layout-shift-caused-by-scrollbars-2flp
  • Loading branch information
romangg committed Jun 30, 2024
1 parent 3e43c15 commit c6b7ba3
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions app.vue
Original file line number Diff line number Diff line change
Expand Up @@ -16,3 +16,9 @@ useSeoMeta({
twitterImage: 'https://manjaro.org/meta-image.jpg',
})
</script>

<style lang="css">
html {
scrollbar-gutter: stable;
}
</style>

0 comments on commit c6b7ba3

Please sign in to comment.