All Questions
Tagged with svg google-chrome
747
questions
0
votes
0
answers
25
views
Tooltip is appearing on wrong element in Chome
I am facing an issue related to the tooltip on Chrome for this code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content=...
- 11
0
votes
0
answers
49
views
The svg image using <use href=""> no longer works in chrome? [duplicate]
Since 20 June 2024, our both websites have stopped displaying svg sprite images in Chrome browser. The pictures have been displayed like this on the site for 4 years, we haven't had any updates to the ...
- 1
2
votes
1
answer
76
views
svg mask is broken with <use>
I created a simple Snippet to demonstrate a different behavior between Chrome/Safari and Firefox.
<svg style="display:none" xmlns="http://www.w3.org/2000/svg">
<symbol id="foo">
...
- 663
0
votes
0
answers
73
views
SVG linearGradient not working in Chrome, Edge or Opera
I'm adding svg logos to my portfolio and one has a couple <linearGradient> elements in it. The logo shows up perfectly in Firefox but in Chrome, Edge and Opera the portions with a linear ...
- 3,088
0
votes
2
answers
39
views
How can I make a <path> draw from the center of an SVG instead of the top left corner? - textPath issues in Chrome
I have an SVG on a HTML page that has a dynamic width, and I want to draw a circular text path within it that will stay centred no matter how the browser window is resized.
<style>
#mysvg {
...
- 357
1
vote
0
answers
108
views
How do I set inline-size in an svg that contains text?
The SVG 2.0 specification states that the inline-size attribute can be used in text elements in order to have automatic text wrapping, here is an example code block of such an svg (taken from the ...
0
votes
1
answer
107
views
Google Chrome has stop animating SVGs when used in xhref
Recently I noticed that some animated SVGs that we use, lost their animation when used from inside an SVG Sprite.
We have a file with a couple SVGs that we use in our page, and we usually use them ...
- 321
0
votes
0
answers
36
views
Why is my SVG animation looking differently on Chrome?
Here is my current SVG Code:
<svg
className='flex w-full h-[85px] mt-[3px] ml-[5px] justify-center items-center px-2'
width='56'
height='56'
viewBox='0 0 56 56'
xmlns='http://...
- 23
0
votes
0
answers
39
views
Firefox dispatchEvent doesn't propagate to children
I have an <svg> with a <g> with children, that have pointerdown event handlers, and a <use> referencing the <g>.
In Chrome if I register the event handler before I add the <...
- 11
2
votes
0
answers
147
views
SVG Text Fill Using Pattern Not Working In Chrome
I am working with SVG. I'm using an external image within a pattern definition and then referencing that pattern as the fill for my text.
After the latest Chrome release, I am unable to see my fill.
...
- 91
0
votes
0
answers
28
views
SVG stacking in Chrome with radialGradient Element does not work properly
I'll try to use a SVG-Stack to display icons. However if I include them the into my HTML-Page the radialGradient-Element isn't displayed in Chrome when I include the icons external (
<svg><...
- 9
0
votes
0
answers
38
views
Favicon not showing because of lat google core update?
recently my favicon stoped showing in the google search, and I didn't do any modification. It appears when I enter the page with a 200 OK in the console.
The problem started when Google did its core ...
- 21
0
votes
0
answers
149
views
Complex SVG is pixelated in Chrome but renders correctly in Firefox
I am working on a project in Next JS that uses some complex SVGs as background elements. Here is a sample of what the background looks like in Chrome vs Firefox:
Chrome:
Firefox:
I have seen this ...
- 111
0
votes
1
answer
51
views
How to make SVG rotate 360° on click, like on chrome://settings?
How can this be roleized with SVG? I would be very grateful if you could help, thank you.
HTML
<svg id="product-logo" on-click="onProductLogoClick_" width="27" height=&...
- 3
1
vote
2
answers
146
views
XMLSerializer.serializeToString and img data:uri has something wrong with comment node
const svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg')
const foreignObject = document.createElementNS('http://www.w3.org/2000/svg', 'foreignObject');
const div = document....
- 23