vuejs / vuepress

📝 Minimalistic Vue-powered static site generator
https://vuepress.vuejs.org
MIT License
22.58k stars 4.76k forks source link

Scroll overflow triggered by long words #823

Closed FistMeNaruto closed 6 years ago

FistMeNaruto commented 6 years ago

Bug report

Version

0.14.2

Steps to reproduce

  1. Open any VuePress project (https://vuepress.vuejs.org/guide/)
  2. Open devtools and edit in a long word inside the content (a URL like https://github.com/vuejs/vuepress/issues/vuepress/issues/vuepress/issues/, for example)

What is expected?

Long word breaking and scrolling working properly:

screenshot from 2018-09-11 23-35-46

What is actually happening?

Long word introduces a scroll overflow, which allows the navbar to be scrolled out of the viewport:

screenshot from 2018-09-11 23-36-17

The same issue happens when long words are inside the nav menu:

screenshot from 2018-09-11 23-11-17

Or section headers:

screenshot from 2018-09-11 23-42-47

Other relevant information

ulivz commented 6 years ago

See: https://github.com/vuejs/vuepress/pull/824#pullrequestreview-155719501