#ForeignObject
November 18, 2024 at 5:31 PM
it was foreignObject.
February 25, 2026 at 7:35 PM
December 27, 2024 at 3:30 AM
svg foreignObject with transforms. Bug is known since 2009/2010 if I remember correctly. bugs.webkit.org/show_bug.cgi...
23113 – Layer content inside HTML in SVG foreignObject renders in the wrong place
bugs.webkit.org
May 3, 2025 at 11:41 AM
sage my sticky is /still/ jumpy to this day.

my bet is foreignObject
February 25, 2026 at 6:59 PM
man I've been so close to building an entire site in an SVG foreignObject
January 29, 2026 at 10:13 PM
VFX-JS supports HTML-in-Canvas now.
You can turn HTML element into a WebGL texture.

It automatically detects the browser and fallback to the old SVG foreignObject workaround.
So it works on Chrome, Firefox, and Safari, of course!

#WebGL #VFXJS #Codepen
April 14, 2026 at 11:30 PM
There's `foreignObject`, but its limitations are a deal breaker in a lot of cases... unfortunately.
June 22, 2026 at 9:42 AM
We needed to update some legacy emoji components to use our new spritesheet

It turns out it's quite a complicated problem to make these scaled relative to font-size since calc() does not play nicely mixing units

So I came up with an interested hack using <svg> + <foreignObject> + <img>
March 11, 2025 at 12:02 AM
tvshowtranscripts.ourboard.org
June 27, 2025 at 2:03 AM
The embarrassing object stuck up the bum gag.
Good thing about this one is, he doesn’t realise what has happened (he thought it was a thermometer), or that this was someone’s revenge.
#enm #foreignobject #cfnm #cmnm
April 7, 2025 at 2:15 PM
- SVGs now support including links to external image files. Caveat: You have to use the xlink:href attribute (just "href" won't work).

An important notice on SVGs: The <foreignObject> tag is *not* supported, and adding support for it is a gargantuan task which will not be prioritized any time soon.
November 15, 2024 at 6:07 PM
dear lu9bot fans (all 3 of them), i am pleased to inform you... that we finally now have REAL text wrapping
thanks to an overlooked SVG function called <foreignObject> which allows you to basically put Real HTML -Inside- SVGs (which are already inline in HTML)
so
you can literally use <div> n stuff!
August 7, 2025 at 6:52 AM
Watch me tease & tug my nips with candy canes before I insert,suck,and lick!Intense eye contact,jiggling, lots of holiday fun!
t.clips4sale.com/z/c/32537889...
#realnsfw #aliengirl #fantasygirl #bbw #asmr #oddinsertion #foreignobject #sucking #licking #bigbelly #hairy #piercednipples #bigaureolas
December 18, 2025 at 5:49 PM
it was foreignObject.
February 25, 2026 at 7:36 PM
I don’t think you should have to do anything extra. Might be a bug if it’s showing literally nothing. Or could just be foreignObject weirdness.
December 12, 2024 at 9:11 AM
🦖 SVGForeignObjectElement: width property 🦖

https://developer.mozilla.org/en-US/docs/Web/API/SVGForeignObjectElement/width

The width read-only property of the SVGForeignObjectElement interface describes the width of the element. It reflects the computed value of the widt…

#webdev
SVGForeignObjectElement: width property
The width read-only property of the SVGForeignObjectElement interface describes the width of the <foreignObject> element. It reflects the computed value of the widt…
developer.mozilla.org
June 8, 2026 at 6:27 PM
What do you think this HTML means? It might not be what you expect.
December 10, 2025 at 7:34 PM
Tearline's PNG export paints the receipt into an SVG foreignObject, which parses as strict XML. outerHTML leaves
unclosed and a receipt is mostly hr, so the image fired onerror with no reason. XMLSerializer self-closes void elements. That's the serialiser now. #buildinpublic
August 9, 2026 at 12:25 AM
It doesn’t handle nested transformations - that’s what broke inkle bot, and It doesn’t do text/html/images imported as foreignobject, everything has to be “on site” so to speak - nothing external.
April 8, 2025 at 5:32 PM
.svg_cc5dd2 > foreignObject {
border-radius: 50% !important;
}

that was what i tried to find since yesterday. this is the css code that affects server icons (foreignObject class) and makes them round (border-radius to 50% == round icon)
March 26, 2025 at 8:53 AM
Makes me wonder just how much you can get away with by using `foreignObject` 🤔
June 26, 2025 at 8:12 PM
How frustrating: in #SVG in #HTML inherits the parent's color-scheme settings... but in ignores it anyway 😭

developer.mozilla.org/en-US/docs/W...

#webdev
August 7, 2025 at 9:58 AM
Also, on the JS+SVG side of things, check out <foreignObject> for procedural image generation, like dynamic badges or GIF generation. foreignObject works beautifully in headless chromium.
November 4, 2023 at 1:20 AM