WIP: Component variant: The selector indicator is not displayed

Browser: Chrome 147.0.7727.138
OS: Windows

Hi team,

In the following component, I have created a variant (Test) and then used a hover state for the query loop, but no indicator is active for it. While after selecting the hover state, the hover state styles will be displayed.

{"content":[{"id":"laypdn","name":"section","parent":0,"children":["nypklf"],"settings":{}},{"id":"nypklf","name":"container","parent":"laypdn","children":["arovbs"],"settings":{"_display":"grid","_gridTemplateColumns":"1fr 1fr 1fr 1fr","_gridGap":"20px"}},{"id":"arovbs","name":"block","parent":"nypklf","children":[],"settings":{},"cid":"yfazxs","variant":"variant-eewhrd"}],"source":"bricksCopiedElements","sourceUrl":"https://avangtheme.ir","version":"2.3.4","components":[{"id":"yfazxs","category":"","desc":"","elements":[{"id":"yfazxs","name":"block","parent":0,"children":["vmjdmo","crkarm"],"settings":{"_rowGap":"10","hasLoop":true,"query":{"post_type":["product"]},"_border:variant-eewhrd":{"width":{"top":"1","right":"1","bottom":"1","left":"1"},"style":"solid","color":{"id":"wgebmr","raw":"var(--border)","light":"#f0f0f0"}},"_padding:variant-eewhrd":{"top":"15","right":"15","bottom":"15","left":"15"},"_transform:hover:variant-eewhrd":{"scale3dX":"0.9","scale3dY":"0.9"}},"label":"Item"},{"id":"vmjdmo","name":"image","parent":"yfazxs","children":[],"settings":{"image":{"useDynamicData":"{featured_image}"}}},{"id":"crkarm","name":"heading","parent":"yfazxs","children":[],"settings":{"text":"{post_title}"}}],"properties":[],"_created":1777587303,"_user_id":1,"_version":"2.3.4","variants":[{"id":"variant-eewhrd","name":"Test"}]}]}

After selecting the hover state

Hey @HOSEIN,

Thank you. I was able to replicate the issue, and I’ve created an internal bug report.

Thank you,
Matej

1 Like