CODEWITHSUNDEEP
javascripthtmlcssautocomplete
Mr_Green
Mr_Green

Reputation: 41842

Suggestion box hiding behind the screen

In my project, there is a autocomplete search textbox. Whenever the user is typing something the suggestion box will appear just below the textbox. This suggestion box is hiding behind the screen.

I tried to get in front by applying largest possible z-index, still no use.

Here is the link to the site.

I am providing my site link because the jsfiddle is working fine.

For testing purpose, type co in the textbox and see how the suggestion box is visible.

Upvotes: 1

Views: 305

Answers (2)

airi
airi

Reputation: 585

search for this code and change 12 to 9 .. solve the problems

.edgefxContentContainer {
top: -16px;
z-index: 9;
}

change this div class style :

<div class="edgefxContentContainer pRelative">

Upvotes: 2

jacquard
jacquard

Reputation: 1307

Your .edgefxContentContainer contains a z-index of 12. This reveals some of the suggestion box parts. Suggest you search for z-index and debug it

Upvotes: 2

Related Questions