question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Svg error when places.js is used

See original GitHub issue

Hi ofrohn , i am facing a issue with svg When i use below library for automatic place suggestions , svg gives a error
https://community.algolia.com/places/documentation.html

Attaching downloaded svg code ( It just returns x ) <svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg" title="D3-Celestial" version="1.1"><path d="M.566 1.698L0 1.13 1.132 0l.565.566L6 4.868 10.302.566 10.868 0 12 1.132l-.566.565L7.132 6l4.302 4.3.566.568L10.868 12l-.565-.566L6 7.132l-4.3 4.302L1.13 12 0 10.868l.566-.565L4.868 6 .566 1.698z"></path></svg>

Thanks

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
ofrohncommented, Jun 13, 2020

Ok, that was my bad. I queried the generated svg with d3.select(“svg”), which grabs the first piece of svg it can find. That happens to be ab ‘x’ presumably generated by places somewhere. With d3.select(“#d3-celestial-svg svg”) that should be fixed in the latest version.

0reactions
thesampricecommented, Jun 13, 2020

Groups do make it easier to turn off different features in inkscape / laser cutter programs.

Also it reduces file sizes as you don’t have class names on every element

On Sat, Jun 13, 2020 at 4:08 PM Olaf Frohn notifications@github.com wrote:

Ok, that was my bad. I queried the generated svg with d3.select(“svg”), which grabs the first piece of svg it can find. That happens to be ab ‘x’ presumably generated by places somewhere. With d3.select(“#d3-celestial-svg svg”) that should be fixed in the latest version.

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/ofrohn/d3-celestial/issues/77#issuecomment-643671785, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAGHUMCCWNEHRMLZ7T5MNOLRWPMFJANCNFSM4N3QJSSQ .

– Thank you,

Sam Price (707) 742-3726

Read more comments on GitHub >

github_iconTop Results From Across the Web

Receive Uncaught SecurityError when accessing SVG objects ...
Why does my JavaScript code receive a "No 'Access-Control-Allow-Origin' header is present on the requested resource" error, while Postman does not? 770.
Read more >
Bug: [5.0] SVGs cannot be imported (not as components, but ...
Describe the bug When importing a SVG in a regular manner (not as a component): import Logo from './logo.svg' There is an error...
Read more >
Troubleshooting SVG image errors in Mapbox Studio | Help
If your icon fails to upload, it's likely either because the SVG is too large or the file is not a valid SVG....
Read more >
How to Import SVGs in a React and Vite app - freeCodeCamp
Let's go through some of the most used methods when importing SVGs into React Apps. 1. How to Import SVGs Using the Image...
Read more >
viewBox - SVG: Scalable Vector Graphics - MDN Web Docs
You can use this attribute with the following SVG elements: ... <svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"> <!
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found