New flex footer causing ellipsis overflow

[baileyherbert]

Contribution guidelines

• I've read the contribution guidelines and wholeheartedly agree

I've found a bug and checked that ...

• ... the problem doesn't occur with the mkdocs or readthedocs themes
• ... the problem persists when all overrides are removed, i.e. custom_dir, extra_javascript and extra_css
• ... the documentation does not mention anything about my problem
• ... there are no open or closed issues that are related to my problem

Description

The "next" and "previous" links in the footer are ellipting with the new flex footer regardless of how short they are.

Expected behaviour

"Classes"

Actual behaviour

"Class..."

Steps to reproduce

Reproducible on a fresh setup with minimal config

Package versions

• Python: 3.10.0
• MkDocs: 1.2.3
• Material: 8.0.4+insiders.4.3.0

Configuration

theme:
  name: material
  features:
    - navigation.top
    - navigation.tracking
    - navigation.sections

site_name: Test

nav:
  - Introduction: index.md
  - Classes: classes.md

System information

• Operating system: Win11
• Browser: Chrome (latest stable)

[squidfunk]

Thanks for reporting. I'm not able to reproduce this in Chrome, macOS. Firefox works as well. However, Safari also shows the ellipsis.

[baileyherbert]

Thanks @squidfunk, can confirm that it's working normally in Firefox from here, it's just Chrome/Edge for me and I can see it on your official docs too. Boy do I hate flexboxes! 🤣

Cheers!

[squidfunk]

Potential fix in 37e6f43.

[baileyherbert]

Yup, it's working perfectly now! Thank you! ❤️

[squidfunk]

Let's leave this open until it's released 😊

[squidfunk]

We can in fact close this since it happened after the 8.0.4. release, so it's not a regression as the changes inducing the bug reported were not released in the first place. Thus, no bugfix release to be made 😉

Ah or wait, no, Insiders included the changes 😁 Argh. Okay, so I'll release them as 8.0.5. in a few minutes.

[squidfunk]

Released as part of 8.0.5+insiders-4.3.0.