Skip to content

Long length title will cause a bug in navbar #1683

Open
@myuki

Description

@myuki
  • 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

超出屏幕宽度的标题文字会进行换行,导致文字超出导航栏边界。

Bug Picture

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 均能复现

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions