Issue with Google maps Auto-Complete Box inside a scrollable content

[stratio84]

Here's my situation:

I have a form with multiple input fields. The form is placed inside a scrollable-content div which is contained inside a scrollable div.

One of my input fields has attached a google maps auto-complete box to help the user choosing an address. Now the problem is that when the form scrolls the auto-complete box doesn't remain fixed at the bottom of its input block, instead it begins scrolling.

I think there's some interactions between positioning defined inside mobile-angular-ui-base.css and the style of google auto-complete box.

Can anybody help me with this problem?

Thanks in advance for the help.