react-flow-chart icon indicating copy to clipboard operation
react-flow-chart copied to clipboard

Published 20 hours ago • verified publisher icon MrBlenny

Firefox browser support problem

Open basyusuf opened this issue 5 years ago • 2 comments

Everything works fine in Chrome. However, there is a problem with browser support for the "react-transform-element" class in the firefox browser. Div has width: 20k pixels, height: 20k pixels. But firefox gives a maximum width of 1280px. I think the problem is caused by the css elements below. width: fit-content; height: fit-content;

I found a solution like this. display: table; or width: -moz-max-content; or .react-transform-element{ /* Browser Support*/ width: -moz-max-content; }

Has anyone experienced this problem like me?

basyusuf avatar Sep 14 '20 11:09 basyusuf

I don't have this problem in Firefox with a 20k by 20k Canvas. Could you post your Flowchart code and css relating to the bug?

eprice122 avatar Sep 14 '20 17:09 eprice122

The version that I have not made any changes is attached. error_status My solution here. width: -moz-max-content; fine_status You can see the sizes from the right.

basyusuf avatar Sep 16 '20 13:09 basyusuf