NO BUG: Data-balloon not work on icon element?

Bugs
1

Browser: Chrome 110
OS: Windows
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hi,

If I set a data-balloon on the icon element, it hides the icon. But there is no problem on other elements. Am I doing something wrong?

{"content":[{"id":"awwoer","name":"section","parent":0,"children":["awlsrc"],"settings":{"_margin":{"top":"20"}}},{"id":"awlsrc","name":"container","parent":"awwoer","children":["dwnrtv","nzukkr"],"settings":{"_direction":"row","_columnGap":"20","_alignItems":"center"}},{"id":"dwnrtv","name":"button","parent":"awlsrc","children":[],"settings":{"text":"I am a button","style":"primary","_attributes":[{"id":"mjzhss","name":"data-balloon","value":"Hello world!"}]}},{"id":"nzukkr","name":"icon","parent":"awlsrc","children":[],"settings":{"icon":{"library":"themify","icon":"ti-star"},"_attributes":[{"id":"rwucfr","name":"data-balloon","value":"Hello world!"}]}}],"source":"bricksCopiedElements","sourceUrl":"https://try.bricksbuilder.io/t4ccb117","version":"2.1.4"}
2

You have to wrap the icon element into a div and apply the attribute to the div.

See the bottom of the docs: Custom Attributes – Bricks Academy

3

Hi @Victor1999,

I’m marking this topic as a no-bug. The solution is the same as @olpo mentioned (thank you :folded_hands: ), the same as it’s presented in the Bricks academy, where you can also read about the reason for this.

Thanks for understanding,
Matej

1 Like