Version dropdown expands behind theme toggle & search bar #3545
Description
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
mkdocsorreadthedocsthemes - ... the problem persists when all overrides are removed, i.e.
custom_dir,extra_javascriptandextra_css - ... the documentation does not mention anything about my problem
- ... there are no open or closed issues that are related to my problem
Description
Depending on window width, site title length, and length of versions in the version selection dropdown, the dropdown can stretch on the area that contains the light/dark toggle and search bar. When that happens, are not hidden behind the uncollapsed version dropdown.
Expected behaviour
- Either, the dropdown should expand above, not behind other topbar elements,
- or the dropdown should expand to the bottom of the topbar, similar to the language selector dropdown (as seen in the following screenshot)
Actual behaviour
The dropdown expands behind the theme toggle & search bar (could also affect other elements like the language selector, haven't checked)
Steps to reproduce
- Configure a long enough site title.
- Configure several versions, few of them quite long.
- Set a medium window size.
- Expand the version dropdown.
Note: It's easier to reproduce the issue if the currently selected version is one of the short ones. This will cause the title to be truncated less, and the version dropdown to be positioned close to the theme toggle & search bar. Expanding the dropdown then will cause it to expand behind the theme toggle & search bar.
Package versions
Python: python --version: 3.9.6
MkDocs: mkdocs --version: 1.2.3
Material: 8.1.10-insiders-4.8.0 (but happens with older versions as well)
Configuration
-System information
- Operating system: Linux Mint 19.1
- Browser: I can reproduce with Chromium 97.0.4692.71 & Firefox 96.0.3