BUG - Invisible Text in Inspector Pro 2.5.0 Involving Icon HTML

[diego]

Hi guys, today while working on a client site, I noticed that some text in the text editor section of the Pro inspector becomes invisible at times.

This was not an issue last week when I added content to these elements initially. Upon re-entering these elements, they all have similar issues, with text disappearing visually on and around the icon html. see here:

The actual text content is this (because the text is not rendering in the forum post properly, you may need to highlight the white space below the code to see all the text)(EDIT: I removed the box and replaced it with _[box]_ so we can read this post and this thread - initially the box broke everything afterwards):

<p>{{dc:post:excerpt post="167"}}</p>
<p><a class="read_more" target="_self" href="{{dc:post:permalink post="167"}}"><span>read more</span>
<i class="x-icon-phone-square" data-x-icon="_[box]_" aria-hidden="true"></i> </a></p>

[diego]

I’ve been looking at this for a few minutes, and I believe it has something to do with the way the content was saved. This was the original code (emphasis added):

<p>{{dc:post:excerpt post="167"}}</p>
<p>
  <a class="read_more" target="_self" href="{{dc:post:permalink post="167"}}">
    <span>read more</span> 
    <i class="x-icon-phone-square" data-x-icon="_&#xf105;_" aria-hidden="true"></i> 
  </a>
</p>

It has since been replaced with the box icon, which breaks visibility for the whole line in the browser, on any site.

[ruenel]

Hello @diego,

Thanks for writing in!

Please update your icon code into this:

<i class="x-icon-phone-square" data-x-icon-b="&#xf105;" aria-hidden="true"></i>

And then Could you please update to the latest versions?
Our latest versions are:
- Pro theme 2.5.5
- X theme 6.5.5
- Cornerstone 3.5.4

This latest release contains fixes for several issues so be sure to check out the changelog (http://theme.co/changelog/).

_After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.-

Please let us know how it goes.

[diego]

Hi @RueNel, I have already replaced the icon code to the original (see the post above yours).

I have also updated the theme, and it has stayed the same (for now).

The issue that I was reporting is that somehow, Pro saved the original icon code  as a white vertical rectangle html entity like this, and it ended up breaking the rest of the code around it.

Will you respond to this part of the post?

[paul.r]

Hi @diego,

Yes it will be saved as a vertical rectangle but it shouldn’t break the rest of the code.

I tested on my test sites and this is how it looks

Can you provide us your wordpress admin login in Secure Note so we can take a closer look.

I would also suggest that you use the icon shortcodes instead of using html codes.

http://demo.theme.co/integrity-1/shortcodes/icons/

Thanks

[diego]

Hi there. here is the login. The pages in question were the home page and the services page.

[paul.r]

Hi @diego,

I checked your content and it seems to work fine and not disappearing.

Can you try checking on another browser.

I strongly suggest that you use icon shortcode instead of the html code. Please replace it with this

[x_icon type="angle-right"]

http://demo.theme.co/integrity-1/shortcodes/icons/

Thanks