All Questions
183
questions
0
votes
0
answers
46
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
1
answer
96
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">
...
1
vote
0
answers
139
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 ...
1
vote
1
answer
645
views
Safari not displaying SVG in the right position
I want to create some image placeholders that stay for 1 second and then fade out displaying the image. I am using SVGs that I generate by reading the image width and height.
The images (and SVGs) are ...
0
votes
0
answers
69
views
svg filter to iframe doesn't work in safari
I want to whitebalance filter effect with svg on iframe, and this filter working good in chrome or edge, but in safari, svg filter doesn't work.
https://codesandbox.io/s/frosty-nash-e000gl?file=/index....
1
vote
1
answer
252
views
SVG filter disappear on iOS-Safari
In iOS Safari, the second rect disappears, why?
I expect it to display properly in iOS.
<svg style="width:800px; height:500px; display: inline;" xmlns="http://www.w3.org/2000/svg"
...
0
votes
0
answers
67
views
Safari does not always draw an svg line when its position is changed
I have an SVG element with a line:
<svg viewBox="0 0 1 1" preserveAspectRatio="none">
<line x1="0" y1="0.5" x2="1" y2="0.5" />
...
2
votes
1
answer
502
views
SVG-defined backdrop-filter doesn’t render on Safari/Chrome
Consider the following example (adapted from here), which applies the same feTurbulence/feDisplacementMap SVG filter to two HTML elements, one as a CSS filter() and one as a CSS backdrop-filter(). On ...
2
votes
1
answer
247
views
Applying CSS transform on SVG group (e.g., D3's zoom transform) causes its text elements to flicker in Safari
I notice that applying CSS transform on SVG groups would cause their children text elements to flicker in Safari. The transformation of other elements looks smooth in Safari. The transformation of all ...
0
votes
0
answers
306
views
How can I get Safari to print images at their specified size?
My website dynamically creates html with inline SVG, which the user is supposed to print out at 100% scale. This works fine in Firefox and Chrome, but in Safari the dimensions of the printed image are ...
0
votes
0
answers
85
views
How to fix unknown lines being created by svg transformation
I have a loading svg icon consisting of 3 circles that rotates clockwise. It works fine and designs are correct on chrome and firefox but, on safari, circles create a weird line at a certain point (SS ...
0
votes
0
answers
268
views
Safari SVG mask-image lines on responsive img when changing windows size
I am using a a SVG image-mask on a responsive image. When I change window size, some strange white lines appear (only in Safari):
https://www.loom.com/share/a1f43b501fab49d596da77e0721a4e21
I use this ...
2
votes
2
answers
6k
views
In Safari svg mask looks blurry like if it's raster
In Safari but not in Chrome applying svg mask on svg icon renders blurry edges. I've created minimal reproducible example... at least I hope that it's reproducible. Because this effect is not constant:...
0
votes
0
answers
24
views
Forcing safari to expand its filter region to avoid grid-like rendering
Been learning a lot from this forum and up until this point, been able to find solution to all of my amateurish coding problems by reading and searching here. Might be Ive misjudged the problem, but ...