39286 2010-05-18 05:19:12 -0700 SVG DOM inside an embed isn't preserved when display:none is set 2026-04-01 19:21:37 -0700 1 1 1 Unclassified WebKit SVG 528+ (Nightly build) All All NEW http://195.137.123.15/chrome/test1.html P2 Normal --- 45049 1 steve.horsley webkit-unassigned A.Mueller ap eric karlcow mario.bensi mike.capp simon.fraser oldest_to_newest 227267 0 steve.horsley 2010-05-18 05:19:12 -0700 An SVG graph is drawn in the DOM by javascript. If the div is hidden and then restored(by setting Display to "none" and back to "block"), all the dynamic DOM elements have disappeared. Also, after hidihg and re-showing the graph, the non-dynamic SVG <g> element can no longer have dynamically generated children added to it. The URL http://195.137.123.15/chrome/test1.html gives a small demo of the problem. I can hide the graph by setting the div visibility to "hidden" and the graph is still there after setting it visible again, but in this case it still occupies screen space which I don't want. So 227270 1 steve.horsley 2010-05-18 05:22:07 -0700 P.S. I couldn't get the nightly build to run. The problem I'm reporting is present on Google Chrome on XP version 4.1.249.1064 (45376) and also on Chromium on Linux version 5.0.342.9 (43360) Ubuntu. 227468 2 ap 2010-05-18 13:26:58 -0700 This is almost the same as bug 27775, but with SVG instead of a plug-in. But in this case, there is an easy workaround - there is no need to use <embed> to display SVG, it can be inserted directly into HTML content, or into an iframe. 227470 3 56408 ap 2010-05-18 13:30:17 -0700 Created attachment 56408 reduced test case 231154 4 steve.horsley 2010-05-27 00:25:22 -0700 Yes, inlining the SVG into xhtml is a usable workround, thanks. Of course, that means serving different pages to different browsers (IE) which is a nuisance, but that's not Chromium's problem, and on the other hand it opens new possibilities for modern browsers. 295472 5 mike.capp 2010-10-18 06:07:46 -0700 Confirming on Chrome 6.0.472.63 and Safari 5.0.2, both on Win2003. Steve, have you tried combining visibility:hidden with position:absolute as a workaround? That ought to prevent it messing up layout. 295507 6 darin 2010-10-18 08:17:43 -0700 *** Bug 45389 has been marked as a duplicate of this bug. *** 296099 7 steve.horsley 2010-10-19 03:42:31 -0700 "Steve, have you tried combining visibility:hidden with position:absolute as a workaround?" No, I went for XHTML in the end. I realised that if I serve XHTML, then Firefox users could save the whole active page as a file for later reference (right-click, save page as...), which is a useful thing for them to be able to do. It's a shame that doesn't work in Chromium too, but Chromium also saves the dynamic DOM content as static SVG so you get double-images when viewing the saved file. 518614 8 eric 2011-12-09 16:02:56 -0800 The reduction can't work due to data: urls having unique origins (at least in Chrome): Unsafe JavaScript attempt to access frame with URL data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 1000 400"><g id="layer1"/></svg> from frame with URL https://bug-39286-attachments.webkit.org/attachment.cgi?id=56408. Domains, protocols and ports must match. attachment.cgi:8Uncaught TypeError: Cannot call method 'getElementById' of undefined 2196112 9 478900 karlcow 2026-04-01 19:21:37 -0700 Created attachment 478900 zip of testcase unzip cd to the directory python3 -m http.server http://127.0.0.1:8000/test-embed-display-none.html 1. Draw pink circle 2. Hide 3. Show 4. Check DOM 5. Run automated test In Safari after the hide. the show button doesn't reveal the drawing. In Firefox/Chrome, it does. 56408 2010-05-18 13:30:17 -0700 2010-05-18 13:30:17 -0700 reduced test case test1.html text/html 1139 ap PGh0bWw+Cjxib2R5IG9ubG9hZD0iaW5pdCgpIj4KPHNjcmlwdD4KZnVuY3Rpb24gaW5pdCgpIHsK ICAgIERpdkdyYXBoID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoImRpdkdyYXBoIik7CiAgICBT aG93Z3JhcGggPSB0cnVlOwogICAgc3ZnZG9jID0gZG9jdW1lbnQuZGl2R3JhcGhzdmcuZ2V0U1ZH RG9jdW1lbnQoKTsKICAgIExheWVyMSA9IHN2Z2RvYy5nZXRFbGVtZW50QnlJZCgibGF5ZXIxIik7 CiAgICAKICAgIGJveCA9IHN2Z2RvYy5jcmVhdGVFbGVtZW50TlMoImh0dHA6Ly93d3cudzMub3Jn LzIwMDAvc3ZnIiwgInJlY3QiKTsKICAgIGJveC5zZXRBdHRyaWJ1dGUoIngiLCAiMTAwIik7CiAg ICBib3guc2V0QXR0cmlidXRlKCJ5IiwgIjEwMCIpOwogICAgYm94LnNldEF0dHJpYnV0ZSgid2lk dGgiLCAiNTAwIik7CiAgICBib3guc2V0QXR0cmlidXRlKCJoZWlnaHQiLCAiMjUwIik7CiAgICBi b3guc2V0QXR0cmlidXRlKCJmaWxsIiwgInllbGxvdyIpOwogICAgYm94LnNldEF0dHJpYnV0ZSgi c3Ryb2tlIiwgImJsdWUiKTsKICAgIGJveC5zZXRBdHRyaWJ1dGUoInN0cm9rZS13aWR0aCIsICI1 Iik7CiAgICBMYXllcjEuYXBwZW5kQ2hpbGQoYm94KTsKfQoKZnVuY3Rpb24gdG9nZ2xlKCkgewog ICAgaWYoU2hvd2dyYXBoKSB7CiAgICAgICAgU2hvd2dyYXBoID0gZmFsc2U7CiAgICAgICAgRGl2 R3JhcGguc3R5bGUuZGlzcGxheSA9ICJub25lIjsKICAgIH0gZWxzZSB7CiAgICAgICAgU2hvd2dy YXBoID0gdHJ1ZTsKICAgICAgICBEaXZHcmFwaC5zdHlsZS5kaXNwbGF5ID0gImJsb2NrIjsKICAg IH0KfQo8L3NjcmlwdD4KCjxidXR0b24gb25jbGljaz0ndG9nZ2xlKCknPlRvZ2dsZSBib3g8L2J1 dHRvbj4KCjxkaXYgaWQ9ImRpdkdyYXBoIj4KPGVtYmVkIHNyYz0nZGF0YTppbWFnZS9zdmcreG1s LDxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVp Z2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMTAwMCA0MDAiPjxnIGlkPSJsYXllcjEiLz48L3N2Zz4n IHdpZHRoPSI4MDBweCIgaGVpZ2h0PSIyNjdweCIgdHlwZT0iaW1hZ2Uvc3ZnK3htbCIgbmFtZT0i ZGl2R3JhcGhzdmciIGlkPSJkaXZHcmFwaHN2ZyI+CjwvZGl2PgoKCjwvYm9keT4KPC9odG1sPgo= 478900 2026-04-01 19:21:37 -0700 2026-04-01 19:21:37 -0700 zip of testcase testcase.zip application/zip 2341 karlcow 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 AAAAAA==