JQuery autocomplete ui results navigation with arrow keys issue

Question

I've managed to get the jquery autocomplete ui to work and I've been able to set a link correctly, the only issue is that, instead of being able to click on the suggested results, you have to use the arrow keys to navigate through them. I've further added the jQuery UI css package. queryui/1.11.4/jquery-ui.min.css

Andréle · Accepted Answer · 2017-04-30 10:38:21Z

2

The images look like you have an CSS z-index problem, try to add this to your CSS file:

.ui-autocomplete.ui-widget-content { 
    z-index: 9999;
}

This should fix the problem.

Your user information overlays the suggestionlist, so you are not able to click the items. Are these information absolute or relative positioned?

answered Apr 30, 2017 at 10:38

Andréle

3363 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Andréle Over a year ago

Ok floating should not be the problem. Can you post the HTML and CSS for this part?

Polarbearz Over a year ago

Adding that css fixed it! You can now click the links! sick, ty vm for all of your help, couldn't have done any of it without you, One highly clickable result: puu.sh/vAWEr/7d7823965b.png

Collectives™ on Stack Overflow

JQuery autocomplete ui results navigation with arrow keys issue

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related