You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
So the svg file I loaded is working great. This is more of a small aesthetic/experience issue. I have added the ReactSVG component to one of my pages. However, when the page loads there is a slight blink of a white rectangular border (the page background is black) and then my svg appears and the border disappears. I think this issue has something to do with the fact that the default element, when ReactSVG is mounted, is an img element with no src, and that happens to be an image with a special white border that can't be removed with css. Is there a way to fix this?
UPDATE
I selected the img separately and set the display:none. I'm curious is there a reason for the default img element?
The text was updated successfully, but these errors were encountered:
So the svg file I loaded is working great. This is more of a small aesthetic/experience issue. I have added the ReactSVG component to one of my pages. However, when the page loads there is a slight blink of a white rectangular border (the page background is black) and then my svg appears and the border disappears. I think this issue has something to do with the fact that the default element, when ReactSVG is mounted, is an img element with no src, and that happens to be an image with a special white border that can't be removed with css. Is there a way to fix this?
UPDATE
I selected the img separately and set the display:none. I'm curious is there a reason for the default img element?
The text was updated successfully, but these errors were encountered: