[Resolved] Editing tooltip results in block collapse

Hello,

I’m trying to develop a new website (link in Private box – Please don’t post it publicly) and would like to add the tooltip feature to many places of it.

I’m using GenerateBlocks, GenerateBlocks Pro, GP Premium plugins and also Duplicate Page, Safe SVG and Sticky Block. Nothing else for the moment.

In the page i’m providing you in the private box (Please don’t post those links publicly) for example, i have created a pricing table where i want almost every line of it to have its own hover text. I provide you an image link of the referred pricing table on the private box.

Let’s take the line “Custom themes” on the first column which i have highlighted on the image i send you. It uses a Headline of GeneratePress -> Headline Element “P” and i want to edit the text it shows on hover so i go “Edit as HTML”. It’s html contains:

<p class="gb-headline gb-headline-6fe75224 gb-headline-text" data-tooltip="The power of WordPress comes to life when you pick a theme that fits your website. Customize your theme to your exact specifications, from color and font, to size and placement of website section. Build a website as limitless as your imagination.">Custom Themes</p>

If i try any edits on this like delete some words, the block collapses and i get the message:

“This block contains unexpected or invalid content.” and a button “Attempt Block Recovery”. If i do a Block recovery, the block returns back to its previous state which is the html code i wrote above.

What can i do to fix the collapsing? This table is an example of where i wish to use the tooltip. My goal is to have the line “Custom Themes” of the code above to have an underline which will guide people to hover on it and read what it says.

Any ideas what could cause this error?

Please check the private box for admin credentials and the link to the image i posted above. Please do not mention or paste the link of my website publicly.

Thank you.