Skip to content

[Workaround] HTML label failing to render in chrome #431

@itszn

Description

@itszn

Some upcoming chrome change has caused html labels to stop rendering correctly. For example this page no longer works on chrome dev:

https://dagrejs.github.io/project/dagre-d3/latest/demo/interactive-demo.html

I believe the issue is with how chrome is rendering the foreignObject node when it is initially created.

Removing this line seems to fix the issue:

.attr("width", "100000");

If you can't remove the line, it appears you can force chrome to re-render it like this

document.querySelectorAll('foreignObject').forEach(x=>{
    x.parentElement.style.display='none';
    setTimeout(()=>{x.parentElement.style.display=''},1);
})

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions