Stack Overflow
Stack Overflow

Questions tagged [foreignobject]

50 questions
5
votes
0 answers

Safari MacOS Foreign Object not scaled properly inside svg

UPDTATE Since Apple are $2 trillion company let's try and get them to fix this by submitting a bug report here: https://www.apple.com/feedback/safari.html https://discussions.apple.com/thread/251753724?answerId=253364840022&page=1 In Chrome and…
Nikos
  • 7,295
  • 7
  • 52
  • 88
3
votes
0 answers

how make LDAP authentication with ForeignSecurityPrincipal Account (2 AD forest 2way trust)? is it possible?

I'm using AD LDAP authentication on my application (redmine, pfsense, ESXi, etc...) I recently successfully made a two way trust relationship between my domain PARIS.france and a foreign domain BERLIN.germany. The domain trust relationship look's…
Vanessa92340
  • 31
  • 1
2
votes
1 answer

Menu's dropdown on Chart is being offset

I'm adding a chakra-ui menu dropdown button to a chart (from react-financial-charts, which is a library built over svg). For some reason, when I click on the menu, there will be whitespace between the button and the dropdown menu. This only happens…
ABC
  • 693
  • 1
  • 10
  • 22
2
votes
1 answer

Are there any drawbacks when rendering a React component inside an svg foreignObject?

I am using jointJS as a diagramming library. It creates nodes on a graph using svg elements. I want to use react to render the content of those nodes, and since jointJS lets me configure what svg element i want it to use, all I have to do…
Saâd Yousfi
  • 53
  • 5
2
votes
0 answers

Embedded div element in SVG using foreignObject doesn't register pointer-events

The foreignObject's child div element listens for pointer events, however, they aren't being received within the React class component in which it's rendered. Any ideas? componentDidMount() { this.canvas = new draw2d.Canvas("canvas"); …
cashews
  • 161
  • 1
  • 3
  • 9
2
votes
1 answer

Having trouble rendering a custom external font within a ForeignObject's HTML of an SVG element

This is a complicated one. I've created a Chrome Extension that will receive JSON-RPC requests over a WebSocket from a client, render text using HTML decoration, and respond back to the client with a PNG image. I'm using a Canvas and an SVG…
Jerry
  • 89
  • 7
1
vote
1 answer

Memory error caused by mismanaged C foreign objects in Common Lisp

Error In the REPL, when re-opening the app: Error: Received signal number 11 (Segmentation violation) [condition type: SYNCHRONOUS-OPERATING-SYSTEM-SIGNAL] Also asks me to check point of error, DRAW-STRING-BLENDED-* from lispbuilder-sdl When…
Hugo Clarke
  • 31
  • 5
1
vote
0 answers

Why isn't anything visible in SVG except the foreign object?

I was trying to add an animé character into a flag SVG using tag. It didn't show up first but I followed the instructions here, here you go my final code:
Eray
  • 199
  • 1
  • 1
  • 10
1
vote
0 answers

How to stop a YouTube video from playing when another is clicked inside SVG code, that's in a foreignObject using iframe

The YouTube videos are embedded in the SVG code using the foreignObject element with an iframe. The problem is that the video keeps playing when another is selected to play. I would like for the current video playing to stop when another starts to…
charlie93
  • 11
  • 2
1
vote
1 answer

How to render a foreignObject SVG encoded with Base64 on browser

I have written the SVG code below. I want to encode it with Base64 and display it with data:image/svg+xml;base64,BASE64ENCODINGHERE. The issue is probably with foreignobject but I cannot see the text on the image. How can I solve this problem? For…
Barkın Tuncer
  • 13
  • 3
1
vote
0 answers

Safari does not load foreign object images for SVG

Safari does not show images for SVG foreign objects from the first time, page refresh is required. Watch the video: https://youtu.be/-rVyWzlhgPw …
Ivan Berezanskiy
  • 327
  • 2
  • 8
1
vote
0 answers

HOw to turn svg groups into clickable checkboxes without the checkbox (invert color on click to show selected)

I have an image with 12 blocks, each will have a pic and when clicked invert color to show selected.Is it possibler to get the box to act like a checkbox? How can I attach the svg code with a form checkbox? I have encased each block with a…
user16627161
1
vote
1 answer

Position a foreignObject to the top-right of an svg

I'm adding a foreignObject to a chart built upon svg. I want to put it on the top-right of the svg, irrespective of how big/small that svg is. So I don't want a hardcoded solution, I need a dynamic solution. Setting width={'100%'} height={'100%'}…
ABC
  • 693
  • 1
  • 10
  • 22
1
vote
0 answers

How can I render HTML containing an SVG foreignObject using html2canvas?

I am trying to convert a chunk of html to image data using html2canvas so that I can easily add it to a pdf. I've noticed that the few pieces of html which are SVG foreignObjects render in the pdf more closely to their actual appearance when the…
chening
  • 11
  • 2
1
vote
1 answer

ForeignObject in an SVG doesn't work - React

I'm trying to display a React component inside of an SVG. I used the foreignObject component to display my React object (ToolbarItem) inside of the SVG. However, nothing is displayed. What I did wrong? Thanks for your help
rkhan
  • 165
  • 1
  • 3
  • 14
1
2 3 4