marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-08-23 10:16:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

#5787 Fix for issue with labels in firefox

Browse Source
This commit is contained in:
Knut Sveidqvist
2024-09-12 11:05:32 +02:00
parent dd0304387e
commit bfd8c63daa
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/dry-plums-glow.md Normal file
View File

@@ -0,0 +1,5 @@
---
'mermaid': minor
---
Fix for issue with calculation of label width when using in firefox

7
packages/mermaid/src/rendering-util/createText.ts
View File

@@ -20,6 +20,11 @@ function applyStyle(dom, styleFn) {
async function addHtmlSpan(element, node, width, classes, addBackground = false) { async function addHtmlSpan(element, node, width, classes, addBackground = false) {
const fo = element.append('foreignObject'); const fo = element.append('foreignObject');
// This is not the final width but used in order to make sure the foreign
// object in firefox gets a width at all. The final width is fetched from the div
fo.attr('width', `${10 * width}px`);
fo.attr('height', `${10 * width}px`);
const div = fo.append('xhtml:div'); const div = fo.append('xhtml:div');
let label = node.label; let label = node.label;
if (node.label && hasKatex(node.label)) { if (node.label && hasKatex(node.label)) {
@@ -201,7 +206,7 @@ export const createText = async (
} = {}, } = {},
config: MermaidConfig config: MermaidConfig
) => { ) => {
log.info( log.debug(
'XYZ createText', 'XYZ createText',
text, text,
style, style,