Target using the wrong selector

[sean12341]

I have an Adobe Target instance that is not selecting the correct element.

Whenever I select an element inside this form, it always grab the selector for the input of id `#optionamountdonation-5e445e51222`. That input, even though also part of the form, cannot even be selected as it is absolute left positioned out of the page view (for accessibility reason).

Since we are not getting the selector for "ADD TO CART" button, the changes I applied won't work. This same issue for all the elements inside the form (toggle, amount input, the three amount labels).

But if I select something outside of the form (like the text on the left), it works. I suspect it may be some Javascript acting on the form element that conflict with Target?

I have also recorded a Youtube video here for more detail.

Any advice or suggestions? I am fairly new to Target.

Thanks and much appreciated,

[nnakirikanti]

Provide your site/page details to troubleshoot more... 

[cristinel]

Hello,

Is that form directly defined in the page or is it a custom web component? Have you tried manually entering the selector in the Modifications area?

Thank you,

/Cristinel

[Gaureshk_Kodag · Accepted solution]

Hi @sean12341 ,

You can also select a required selector, from a breadcrumb kind of thing that appears at bottom of the VEC composer, else you can directly replace the selector in modifications as well.