All Questions
490
questions
0
votes
1
answer
41
views
Convert SVG to canvas PNG remove transform3d on ios
Im trying to load an svg to canvas and it works great on chrome and firefox but it mess's up on webkit. I tried changing where the 3d transform but to no avail. Anyone have any experience or ...
0
votes
1
answer
77
views
Safari not showing updated svg image on my website unless cache is manually cleared
I am facing an issue where Safari doesn't show my updated svg image, unless the cache is manually cleared. Sadly, it doesn't show any image, not even the old one, just a blank space. I am only having ...
0
votes
0
answers
47
views
menu does not appear on mobile, safari browser
So I have this problem, on Chrome (mobile view) when I click burger menu button (btn) (SVG icon), it shows me menu and other page links (as it should). But on Safari it just does not show.
HTML:
&...
0
votes
0
answers
52
views
SVG Clip Mask Over Video Not Displaying in Safari
I successfully created an SVG clip mask using a company logo that is supposed to be used as a mask over a video montage. However, it works in every browser except for Safari. I have scoured this site ...
0
votes
0
answers
25
views
I'm trying to make a responsive SVG, but it isn't showing on Safari
I have an SVG that I want to be responsive. I haven't set a width and height attribute because I ideally want it to be automatic. However, Safari doesn't render the SVG correctly without them.
<...
0
votes
0
answers
31
views
SVG code stops pages from loading in ios browsers and Safari on Macs
I built a website with Angular 16 and after launching it discovered some pages won't load in Chrome or Safari on my iphone. I have a couple friends with macs who tested it and it works fine in macs ...
0
votes
0
answers
203
views
Incorrect SVG rendering on iOS browsers
I'm trying to place an SVG icon inline with some text. It currently works perfectly on all browsers that I've tested, apart from those on iOS.
The issue that I'm having is that on iOS, sometimes, the ...
0
votes
1
answer
255
views
SVG transform animations won't work in Safari
I've got a simple animated SVG that works great in Chrome/Firefox but it doesn't animate at all in Safari. I understand this is due to SVG 1.1 vs. 2.0 (Safari doesn't yet support 2.0) , and that ...
0
votes
0
answers
112
views
Svg appears broken only in Safari
EDIT:
Ended up having to modify the actual svg with clip-path to prevent masks from exceeding the circle.
This is the solution example for jupiter:
<svg width="582" height="582" ...
0
votes
1
answer
44
views
Why SVG with nested PNG inside is not displayed in Safari?
Seems like a simple question, but I can't find an answer to it.
SVG embeded in HTML document like a XML code, not like an image with tag.
And it is displayed in all browsers except Safari.
Here is ...
-1
votes
1
answer
54
views
Hover & Click on overlapped SVG's
I have a div with several SVG's textPaths that are overlapped with a position absolute. The problem is that I can hover and click in all of them in Google Chrome, but not in Safari (the ...
0
votes
1
answer
102
views
CSS :hover when tapping SVG element not working in Safari
When tapping this SVG element on an iOS device in Safari (iOS Chrome is fine, I'm currently unable to check desktop Safari) it does not play the transition animation to fade in the replacement <g ...
0
votes
0
answers
31
views
CSS Drop Shadow effect not displaying correctly in safari
I found strange behaviour i can't understand for safari browser Version 16.1 (18614.2.9.1.12).
This is my html:
<div class="top-container">
<div class="container">
...
0
votes
0
answers
91
views
Smooth animation on scroll in safari
I have an SVG vs JS animation on scroll that works perfectly in Chrome and Firefox, but it's quite laggy in Safari.
let continueAnimation = true;
// Create a variable to define when to stop the ...
1
vote
0
answers
142
views
SVG animation bug in Safari
I've been trying to animate a path in an SVG so it looks like it is being drawn, but have been running into issues in Safari, both on Mac and iOS. Works well on all other browsers I've tried. I'm ...