Search bar on Service portal is overlapping with widgets

zabeeulla2 · ‎03-16-2017

Hi All,

We have a requirement where we need to add a search bar (out of Box) on a background image of home page, We were able to add the image and place the search bar as required.

The issue we are facing is when we type some text in search bar the suggestion bar which it shows below the text is getting overlapped with the widgets present in the container and some text is not visible.Please suggest a way to rectify this. We are using "TypeAhead Search" widget which is an OOB, The same widget when we place it in some other page its working fine.

Please find the screen shots attached.

Immediate help is appreciated.

Regards,

Zabeeulla.

nathanfirth · ‎03-17-2017

Let's try a different approach. This is not an issue with the out-of-box so it's custom CSS that is interfering... so why don't you try commenting out some of the custom CSS in the: Theme, Page, Instances, Widget, until it eventually starts working again and then just rewrite that CSS.

View solution in original post

geoffluk · ‎08-11-2017

Hi Zabeeulla,

I don't know if this applies to you, but I had a very similar situation where my search bar results were being overlapped by other widgets.

In my case, it turned out to be caused by a known z-index bug when using CSS 3D transform: css - z-index is canceled by setting transform(rotate) - Stack Overflow

Getting rid of the transform in my CSS fixed my problem right away. Didn't need to set z-index for anything.

zabeeulla2 · ‎03-17-2017

Hi Nathan/Rushit,

I have changed z-index of search widget to 99999 and the overlapping container widgets z-index to -1 it seems to be working.But now i am facing another issue that is another container widgets are unclickable. Please suggest me what change needs to be done.

Regards,

Zabeeulla.