How to float ontop of content beneath?

[kevinsimper]

Right now my app looks like this and I can't seem to understand how to make it float ontop like yours demo!

Is it possible? Btw, thanks for the library!

[kevinsimper]

I got it to look like this with position relative and absolute:

[mrlaessig]

If the relative position solution works out for you I will close this issue.

[kevinsimper]

@l-urence Yeah, but the gif in the readme looks like it is floating, is it? How did you do it?

[mrlaessig]

No, the example autocomplete container position is absolute.

[kevinsimper]

@l-urence Would it be an idea to put that into the module? Because it does not really make sense without :)

[mrlaessig]

@kevinsimper Actually this is true! But right now I didn't figure out how to to this in a good way (lack of time). The absolute position seems to be more some kind of "hack" to put the suggestion list on top of other elements. For that reason I excluded the positioning to the example. An optimal solution would be to add the autocomplete like the <TextInput /> to a component and the suggestion list will appear over other elements. Without strange behaviours which could happen if you set it to an absolute position.

[kevinsimper]

@l-urence Yeah, I can see what you mean, but I think that is better than the current behaviour.

[mrlaessig]

@kevinsimper I will have a look at the weekend.

[mrlaessig]

@kevinsimper I prototyped a fix for the absolute position. Can be installed via npm. Short feedback would be nice. Thx.

[kesha-antonov]

@l-urence Hello!
Just tested it. Looks good! 👍

[mrlaessig]

@kesha-antonov Great :). Will publish everything ASAP.

[tioback]

The fix didn't work for me in Android, but iOS works fine, as in images below.

[mrlaessig]

The Android issues seems to be related to #20.

[tioback]

I managed to get it working with a different approach. Thanks, anyway.

[mrlaessig]

@tioback Thanks for sharing you approach. Maybe I can integrate some of your ideas into the component.