Icons not showing in edit mode

  • Resolved Endre Solem

    (@endres)


    3 years, 2 months ago

    Hello.

    This icon-block-plugin was just what I needed for a project I am working on.
    Until recently it worked fine, but now it has started to act up. Many of the icons I added will not display in edit mode now, I just get an error saying “This block has encountered an error and cannot be previewed”.
    When I preview the page, the icons show up, but the error prevents me from adding the correct class and other parameters to the icon-block.

    PS: this is all custom icons where I put in the SVG code myself. The preview if the SVG code works fine, but not the preview in edit mode if you understand what I mean. Also, it is not all icons, just some, and I have not managed to find the difference.

    Thanks

    Endre

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Nick Diego

    (@ndiego)

    Hi @endres,

    Thank you for reaching out and I apologize for the trouble. Are you able paste the code here for one of the SVGs that is not working and I will investigate on my end?

    Thanks!

    Nick

    Thread Starter Endre Solem

    (@endres)

    Thanks for the fast reply.

    This does not work:’

    <?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<svg version="1.1" id="Layer_1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink" x="0px" y="0px"
	 viewBox="0 0 100.353 100.353" style="enable-background:new 0 0 100.353 100.353;" xml:space="preserve">
<g>
	<path style="fill:#231F20;" d="M49.996,3.85c-25.442,0-46.142,20.701-46.142,46.145c0,25.449,20.699,46.154,46.142,46.154
		c25.447,0,46.149-20.705,46.149-46.154C96.146,24.551,75.443,3.85,49.996,3.85z M49.996,93.181
		c-23.806,0-43.173-19.373-43.173-43.186c0-23.808,19.367-43.176,43.173-43.176c23.81,0,43.181,19.369,43.181,43.176
		C93.177,73.808,73.807,93.181,49.996,93.181z"/>
	<path style="fill:#231F20;" d="M58.597,26.441H31.905c-0.82,0-1.484,0.665-1.484,1.484v46.721c0,0.82,0.665,1.484,1.484,1.484
		h13.346c0.82,0,1.484-0.664,1.484-1.484V57.677h11.862c8.612,0,15.618-7.007,15.618-15.619S67.209,26.441,58.597,26.441z
		 M58.597,54.708H45.251c-0.82,0-1.484,0.664-1.484,1.484v16.969H33.39V29.409h25.208c6.975,0,12.649,5.674,12.649,12.649
		C71.246,49.033,65.572,54.708,58.597,54.708z"/>
	<path style="fill:#231F20;" d="M58.597,35.301H45.26c-0.82,0-1.484,0.665-1.484,1.484v9.048c0,0.82,0.665,1.484,1.484,1.484h13.337
		c0.82,0,1.484-0.665,1.484-1.484v-9.048C60.081,35.966,59.417,35.301,58.597,35.301z M57.113,44.349H46.744V38.27h10.369V44.349z"
		/>
</g>
</svg>

    It worked the other day when I first tried, maybe 2-3 days ago.
    I also tried to remove the header before the SVG tag

    Endre

    Plugin Author Nick Diego

    (@ndiego)

    Thanks Endre,

    I have identified the issue and will be working on a fix. Should be out later today or tomorrow at the latest. Basically, the Editor does not like the style attributes in the SVG. This was do to a change we made in the last version to correct a different rendering bug.

    I will followup once a fix is available.

    Best,
    Nick

    Thread Starter Endre Solem

    (@endres)

    Thank you ??

    Good work.

    Plugin Author Nick Diego

    (@ndiego)

    Good evening @endres,

    I just pushed version 1.1.2 which should resolve the issue. You will want to remove the header portion and just leave the <svg>...</svg> markup.

    I appreciate your patience, and please let me know if I can be of further assistance.

    Best,
    Nick

    Thread Starter Endre Solem

    (@endres)

    Thanks a lot. Works now ??

    Plugin Author Nick Diego

    (@ndiego)

    Awesome, thanks for confirming and for the kind review! ??

    Best,
    Nick

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Icons not showing in edit mode’ is closed to new replies.