Long length title will cause a bug in navbar #1683
Description
- I confirm that this is an issue rather than a question.
Bug report
Steps to reproduce
Use default theme on VuePress v1.x
在 VuePress v1.x 上使用默认主题
config.js:
module.exports = {
title: '长度过大的标题会有显示问题，这是一条演示',
themeConfig: {
search: false,
sidebarDepth: 0,
activeHeaderLinks: false,
}
}
What is expected?
Text beyond the width of the screen should be omitted
超出屏幕宽度部分的文字被省略
What is actually happening?
Long length title that beyond the width of the screen will use a newline. The text exceeds the border of the navbar
超出屏幕宽度的标题文字会进行换行，导致文字超出导航栏边界。
This is the case when I use my mobile phone visit the site. It can be reproduced on Firefox(Android)、Android System WebView, also Firefox(windows)、Edge(windows)
这是使用手机访问显示的效果，手机上使用 Firefox Priview、Android System WebView，电脑使用 Firefox、Edge 均能复现