-
-
Notifications
You must be signed in to change notification settings - Fork 3.8k
Closed
Labels
bugIssue reports a bugIssue reports a bugresolvedIssue is resolved, yet unreleased if openIssue is resolved, yet unreleased if open
Description
Context
No response
Bug description
When having long abbreviations, the tooltip will span the entire screen (I think it's related to this fix: #4810 (comment) )
However, this is not so easy to read when using the desktop browser or a larger screen.
I would expect that the tooltip width to be shorter (normal width but wrapped), I tried to change the --md-tooltip-width
by including:
- stylesheets/extra.css
:root {
--md-tooltip-width: 20rem !important;
}
But this doesn't work.
I also noticed that the tooltip is rendered in the wrong position when within a table:
It is related to #4217
So three expected behaviors:
- Tooltips span the entire screen only when the screen size is smaller than the value of
--md-tooltip-width
. - When screen size larger than the value of
--md-tooltip-width
, the value of--md-tooltip-width
is used as the width of the tooltip div. - If tooltip in tables, the position of the tooltip should be correct and should follow the two behaviors mentioned above.
Chrome: Version 121.0.6167.161
Edge: Version 121.0.2277.112
mkdocs-material version: 9.5.9
Related links
- Long abbreviations don't wrap to new line in Firefox for Android #4810 (comment)
- Improved tooltips render in wrong position in data tables #4217
Reproduction
9.5.9-long-abbreviations-issue.zip
Steps to reproduce
- unzip
- run
mkdocs serve
in terminal - go to http://localhost:8000/
Browser
No response
Before submitting
- I have read and followed the bug reporting guidelines.
- I have attached links to the documentation, and possibly related issues and discussions.
- I assure that I have removed all customizations before submitting this bug report.
- I have attached a .zip file with a minimal reproduction.
Metadata
Metadata
Assignees
Labels
bugIssue reports a bugIssue reports a bugresolvedIssue is resolved, yet unreleased if openIssue is resolved, yet unreleased if open