8

I'm building a web-based native chat, and I'm running into some issues with the autocorrect suggestion bubbles.

As you can see in the following image, the suggestions get placed underneath the keyboard.

enter image description here

The view is a React webapp inside a WKWebView, only the navigation bar is native. The webview bottom is constrained to the keyboards top. I've used this hack to remove the input accessory.

Is there any way to force the suggestion bubble to be placed above and not below the input text field?

Oscar Apeland
  • 6,422
  • 7
  • 44
  • 92
  • 2
    This question is really missing a lot of important detail. How is your webview constructed? What do the components look like that are used to set it up? When you say **constrained to the keyboard's top**, does the webview include the input field? What kind of styles are you applying to those elements? – Jonny Asmar Dec 23 '17 at 04:37
  • Could you show us some code? – Tiago Alves Dec 25 '17 at 16:16
  • Please show your component if you want any specific help. The best I can do with the little you gave is to ask if you've tried the React-Native iOS keyboard avoiding view https://facebook.github.io/react-native/docs/keyboardavoidingview.html – SteveB Dec 26 '17 at 02:33
  • That's really not relevant in this question. – Oscar Apeland Jan 11 '18 at 09:04

0 Answers0