Trying to perform a click in WDIO test

Question

I'm facing issues in performing a click in my WDIO (visual regression test). I'm trying to perform a click operation on a dropdown element here is the code I'm using Jquery.

it('Retrive Template Content', () => {
    refresh(browser);
    browser.waitUntil(() => browser.isVisible(".workflow-component-module__template-form-select___2TTRQ"), TIMEOUT_10S);
    $("#templateListDropDown").click();
    $("#templateListDropDown > :first-child").click();
    Terra.validates.screenshot('Template Content');
  });

When I debug the same test in the browser I'm able to see the focus on the dropdown element please check the images attached. This is the error message

Please let me know what I'm missing on