Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Firefox browser support problem #202

Open
basyusuf opened this issue Sep 14, 2020 · 2 comments
Open

Firefox browser support problem #202

basyusuf opened this issue Sep 14, 2020 · 2 comments

Comments

@basyusuf
Copy link

basyusuf commented Sep 14, 2020

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?

@eprice122
Copy link

eprice122 commented Sep 14, 2020

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?

@basyusuf
Copy link
Author

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants