Using bootstrap-typeadhead.js in the bootstrap modal box cannot be selected except for the first match

1. The modal box using bootstrap wants to be automatically completed in the input box, but the second match cannot be selected by using the up and down keys or mouse selection, and click the second option, the input box does not change
as shown in the following figure:

clipboard.png
none of the options are available except for one option that can be entered into the input box with the enter key.
I don"t know if anyone who has used modal boxes has encountered this problem.

Mar.21,2021

switching to jquery-ui-autocomplete does not have this problem. It seems that plug-ins are used in conjunction with modal boxes. There is certainly a solution for bug,. Please leave a message, thank you.
ps:
you need to modify the ui-front zindex value in jquery-ui.min.css to exceed 1080

Menu