GITHUB . COM {}

Detected CMS Systems:

Wordpress (2 occurrences)

Analyzed Page
Matching Content Categories
CMS
Monthly Traffic Estimate
How Does Github.com Make Money
How Much Does Github.com Make
Wordpress Themes And Plugins
Keywords
Topics
Payment Methods
Questions
Schema
External Links
Analytics And Tracking
Libraries
Hosting Providers

We are analyzing https://github.com/squidfunk/mkdocs-material/issues/5168.

Title:
Mermaid diagrams: text labels overflow since 9.0.13 · Issue #5168 · squidfunk/mkdocs-material
Description:
Context No response Bug description Labels in nodes and arrows are overflowing the size of their nodes. It happens since version 9.0.13. More specifically, it has probably been introduced by this commit: 5065bf9 Here is how it looked lik...
Website Age:
17 years and 8 months (reg. 2007-10-09).

Matching Content Categories {📚}

Graphic Design
Technology & Computing
Cryptocurrency

Content Management System {📝}

What CMS is github.com built with?

Github.com is based on WORDPRESS.

Traffic Estimate {📈}

What is the average monthly size of github.com audience?

🚀🌠 Tremendous Traffic: 10M - 20M visitors per month

Based on our best estimate, this website will receive around 10,653,926 visitors per month in the current month.

check SE Ranking
check Ahrefs
check Similarweb
check Ubersuggest
check Semrush

How Does Github.com Make Money? {💸}

Subscription Packages {💳}

We've located a dedicated page on github.com that might include details about subscription plans or recurring payments. We identified it based on the word pricing in one of its internal links. Below, you'll find additional estimates for its monthly recurring revenues.

How Much Does Github.com Make? {💰}

Subscription Packages {💳}

Prices on github.com are in US Dollars ($). They range from $4.00/month to $21.00/month.
We estimate that the site has approximately 5,316,180 paying customers.
The estimated monthly recurring revenue (MRR) is $22,327,958.
The estimated annual recurring revenues (ARR) are $267,935,490.

Wordpress Themes and Plugins {🎨}

What WordPress theme does this site use?

It is strange but we were not able to detect any theme on the page.

What WordPress plugins does this website use?

It is strange but we were not able to detect any plugins on the page.

Keywords {🔍}

issue, squidfunk, bug, mermaid, labels, root, sign, nodes, resolved, open, projects, frankie, reproduction, commented, react, navigation, issues, pull, requests, discussions, actions, security, diagrams, text, overflow, closed, description, arrows, size, variable, mdmermaidfontfamily, solves, related, links, submitting, reporting, attached, removed, added, investigation, investigated, maintainers, owner, problem, fixed, reports, unreleased, github, milestone, footer,

Topics {✒️}

io/mkdocs-material/reference/diagrams/ variable --md-mermaid-font-family md-text-font-family possibly related issues activity squidfunk added open projects text labels overflow bug resolved issue super quick feedback comment metadata assignees bug reporting guidelines projects milestone discussions mermaid class mermaid compiler mermaid diagram default font investigation issue bug report long labels open minimal reproduction excellent reproduction suspected root root anymore //squidfunk manually set custom css sans-serif zip steps browser chrome attached links zip file milestone relationships issue completed sign variable problem fixed github root reporting resolved attached problem fixed ��️ react 🎉 react sign skip jump

Payment Methods {📊}

Braintree

Questions {❓}

Already have an account?
Io/mkdocs-material/reference/diagrams/?

Schema {🗺️}

DiscussionForumPosting:
      context:https://schema.org
      headline:Mermaid diagrams: text labels overflow since 9.0.13
      articleBody:### Context _No response_ ### Bug description Labels in nodes and arrows are overflowing the size of their nodes. <img width="846" alt="Capture d’écran 2023-03-08 à 14 26 12" src="https://user-images.githubusercontent.com/1144727/223724993-facb2c1f-9901-4726-bcf0-b4a991be8e63.png"> It happens since version [9.0.13](https://github.com/squidfunk/mkdocs-material/releases/tag/9.0.13). More specifically, it has probably been introduced by this commit: https://github.com/squidfunk/mkdocs-material/commit/5065bf9cd3b55f14a1770b99433385b8fe8cb155 Here is how it looked like in 9.0.12 and before: <img width="918" alt="Capture d’écran 2023-03-08 à 14 35 21" src="https://user-images.githubusercontent.com/1144727/223726797-dc6bb1e0-9259-422a-99fd-4d2c6653795c.png"> ## Suspected root cause The variable `--md-mermaid-font-family` is now only defined under the `.mermaid` class and not in `:root` anymore. For some reasons, Mermaid compiler may not be able to pick it and thus compute the size of the nodes with its default font instead. ## Workaround If I manually set the variable in `:root` in custom CSS, it solves the issue: ```css :root > * { --md-mermaid-font-family: var(--md-text-font-family), sans-serif; } ``` ### Related links - https://squidfunk.github.io/mkdocs-material/reference/diagrams/?h=mermaid#configuration ### Reproduction [example.zip](https://github.com/squidfunk/mkdocs-material/files/10920990/example.zip) ### Steps to reproduce 1. Enable Mermaid superfence extension. 2. Add a Mermaid diagram with long labels on nodes and arrows. ### Browser Chrome, Safari, Firefox ### Before submitting - [X] I have read and followed the [bug reporting guidelines](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/). - [X] I have attached links to [the documentation](https://squidfunk.github.io/mkdocs-material), and possibly related [issues](https://github.com/squidfunk/mkdocs-material/issues) and [discussions](https://github.com/squidfunk/mkdocs-material/discussions). - [X] I assure that I have [removed all customizations](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations) before submitting this bug report. - [X] I have attached a __.zip file__ with a [minimal reproduction](https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/).
      author:
         url:https://github.com/frankie567
         type:Person
         name:frankie567
      datePublished:2023-03-08T13:41:50.000Z
      interactionStatistic:
         type:InteractionCounter
         interactionType:https://schema.org/CommentAction
         userInteractionCount:3
      url:https://github.com/5168/mkdocs-material/issues/5168
      context:https://schema.org
      headline:Mermaid diagrams: text labels overflow since 9.0.13
      articleBody:### Context _No response_ ### Bug description Labels in nodes and arrows are overflowing the size of their nodes. <img width="846" alt="Capture d’écran 2023-03-08 à 14 26 12" src="https://user-images.githubusercontent.com/1144727/223724993-facb2c1f-9901-4726-bcf0-b4a991be8e63.png"> It happens since version [9.0.13](https://github.com/squidfunk/mkdocs-material/releases/tag/9.0.13). More specifically, it has probably been introduced by this commit: https://github.com/squidfunk/mkdocs-material/commit/5065bf9cd3b55f14a1770b99433385b8fe8cb155 Here is how it looked like in 9.0.12 and before: <img width="918" alt="Capture d’écran 2023-03-08 à 14 35 21" src="https://user-images.githubusercontent.com/1144727/223726797-dc6bb1e0-9259-422a-99fd-4d2c6653795c.png"> ## Suspected root cause The variable `--md-mermaid-font-family` is now only defined under the `.mermaid` class and not in `:root` anymore. For some reasons, Mermaid compiler may not be able to pick it and thus compute the size of the nodes with its default font instead. ## Workaround If I manually set the variable in `:root` in custom CSS, it solves the issue: ```css :root > * { --md-mermaid-font-family: var(--md-text-font-family), sans-serif; } ``` ### Related links - https://squidfunk.github.io/mkdocs-material/reference/diagrams/?h=mermaid#configuration ### Reproduction [example.zip](https://github.com/squidfunk/mkdocs-material/files/10920990/example.zip) ### Steps to reproduce 1. Enable Mermaid superfence extension. 2. Add a Mermaid diagram with long labels on nodes and arrows. ### Browser Chrome, Safari, Firefox ### Before submitting - [X] I have read and followed the [bug reporting guidelines](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/). - [X] I have attached links to [the documentation](https://squidfunk.github.io/mkdocs-material), and possibly related [issues](https://github.com/squidfunk/mkdocs-material/issues) and [discussions](https://github.com/squidfunk/mkdocs-material/discussions). - [X] I assure that I have [removed all customizations](https://squidfunk.github.io/mkdocs-material/contributing/reporting-a-bug/#remove-customizations) before submitting this bug report. - [X] I have attached a __.zip file__ with a [minimal reproduction](https://squidfunk.github.io/mkdocs-material/guides/creating-a-reproduction/).
      author:
         url:https://github.com/frankie567
         type:Person
         name:frankie567
      datePublished:2023-03-08T13:41:50.000Z
      interactionStatistic:
         type:InteractionCounter
         interactionType:https://schema.org/CommentAction
         userInteractionCount:3
      url:https://github.com/5168/mkdocs-material/issues/5168
Person:
      url:https://github.com/frankie567
      name:frankie567
      url:https://github.com/frankie567
      name:frankie567
InteractionCounter:
      interactionType:https://schema.org/CommentAction
      userInteractionCount:3
      interactionType:https://schema.org/CommentAction
      userInteractionCount:3

External Links {🔗}(9)

Analytics and Tracking {📊}

Site Verification - Google

Libraries {📚}

Clipboard.js
D3.js
Lodash

Emails and Hosting {✉️}

Mail Servers:

aspmx.l.google.com
alt1.aspmx.l.google.com
alt2.aspmx.l.google.com
alt3.aspmx.l.google.com
alt4.aspmx.l.google.com

Name Servers:

dns1.p08.nsone.net
dns2.p08.nsone.net
dns3.p08.nsone.net
dns4.p08.nsone.net
ns-1283.awsdns-32.org
ns-1707.awsdns-21.co.uk
ns-421.awsdns-52.com
ns-520.awsdns-01.net

9.86s.