Selenium IDE is not recording actions on dynamically generated JQuery dropdown list

[holen-zhang]

🐛 Bug Report

I am trying to use Selenium IDE (v3) to record actions performed in an commercial web apps but it is not recording actions when selecting the dropdown list item. Since this web app is only for inner access I will try to post some html code about the dropdown list here.

Before clicking the dropdown list its html code is:

After clicking the dropdown list, 3 changes happened in the DOM.

1. The original dropdown list code changed to:
2. The code of the dropdown list wrapper is generated (it was not in the DOM before) in the DOM:
3. The code of the dropdown list content is generated (it was not in the DOM before) in the DOM:

The issue is after the dropdown list is displayed and the items (YES, No) are clicked Selenium IDE is not recording the actions regarding select the item.

Would be very helpful if you can provide any insight or help regarding this issue.

To Reproduce

See Above

Expected behavior

Selenium IDE should record the click actions on the dynamically generated dropdown list.

Project file reproducing this issue (highly encouraged)

See Above

Environment

OS: Windows 10 and OSX? Selenium IDE Version: 3.17.2 Browser: Chrome and Edge