[wp-trac] [WordPress Trac] #35824: Inline svg icons are not displaying when the page is viewed from Customizer's iframe

[WordPress Trac]

#35824: Inline svg icons are not displaying when the page is viewed from
Customizer's iframe
--------------------------+-----------------------------
 Reporter:  johndoedoe    |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  Future Release
Component:  Customize     |     Version:  4.4.2
 Severity:  normal        |  Resolution:
 Keywords:                |     Focuses:
--------------------------+-----------------------------

Comment (by aut0poietic):

 I can't reproduce the original issue as described (screen shot shows
 multiple, single-color SVG's working fine in customizer), but I can
 confirm similar behavior ( SVG's vanish in customizer ) in  Chrome
 48.0.2564.103 (64-bit), Firefox 44.0.2, & Safari 9.0.3 - all Mac OS
 10.11.3.

 I've narrowed it down to the SVG Gradients and SVG Filters. Remove the
 gradient and the filter then the SVG appears.

 Steps to reproduce:

 1) Insert this svg into your active theme file ( mine are in the
 header.php, positioned absolutely ):
 https://gist.github.com/aut0poietic/f95e3c53bfba77b58984
 2) Confirm visible in main site.
 3) View theme in customizer.

 This behavior occurs if the SVG is used as an placed directly in the page
 or if added as a symbol displayed with a use xmlns:xlink.

 Screen shots:

 Visible in Site:
 https://dl.dropboxusercontent.com/u/1061487/svg-customizer-bug-site.jpg
 Gone in Customizer:
 https://dl.dropboxusercontent.com/u/1061487/svg-customizer-bug-c-open.jpg


 Note that the "stars" in the background are also SVG's, inserted with
 <use> but I removed their gradients & shadows.

 Can't do more than speculate, but I'm guessing that something is either
 altering the ID's of the gradients in the filter attributes of the
 destination svg or the id attribute of the source gradient/filter.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/35824#comment:2>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform