-
Notifications
You must be signed in to change notification settings - Fork 4.8k
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
Problem with foreignObjectRendering set to 'true' #2228
Comments
Also, the font in the navigation is different. As far as I can see, you can't have both currently. There are also some pull requests regarding these problems but there is not much progress currently. |
Well both are included as outside libraries, though different one, left is of react-apex-charts and right one is react-circular-progressbar. Though yesterday i found why the right one is not rendering, the reason being its not having a width and height attribute on svg, once I pass it in inspector, it does get rendered. |
And what did you change to make the library render these svgs? (apart from setting the width and height) |
Setting foreignobjectrendering to true and setting width n height on svg will render it |
When I set |
Same problem...When I set foreignObjectRendering: true then background-image is not display. what should I configure |
1 similar comment
Same problem...When I set foreignObjectRendering: true then background-image is not display. what should I configure |
So i have a admin page with a lot of charts, Now when i take screenshot with foreignobject set to false, which is default value, it gives me the icons n images but the most of the charts aren't visible, when i set it to true, the charts are visible but now the sidebar image and icons are rendered as square boxes. Also, there I have set overflow:hidden but the scrollbar is still visible.
![Screenshot Mon, May 11, 2020 3_29 PM](https://user-images.githubusercontent.com/2098269/81549413-521c7780-939c-11ea-94d5-550db1ae8ac7.png)
![Screenshot Mon, May 11, 2020 3_30 PM](https://user-images.githubusercontent.com/2098269/81549495-74ae9080-939c-11ea-93bc-3500e47532f4.png)
Attaching both screenshots with value true and false
foreignObjectRendering: true
foreignObjectRendering: false
ANY HELP APPRECIATED
The text was updated successfully, but these errors were encountered: