About to give up with IONIC 3 - Simple Native-like chat page not possible

Ionic Framework ionic-v3
61

Very nice. Have been watching this issue for a long time too.

62

Check out the following repo for the full implementation : https://github.com/alexmady/KeyboardTest

Seeing some very strange behaviour with spellcheck option. It does work sometimes randomly and the rest of the time it doesnā€™t

1 Like
63

Demo here:

64

@Alexmady :heart:

<textarea spellcheck="true" autocomplete="true"...

didnā€™t know these both attributes, sweet :slight_smile:

1 Like
65

let me know how you get on with spellcheck - for me it is nor working 100% of the time which is quite weird.

66

currently testing. look like itā€™s working on iOS but not on Android (or at least on my Samsung Edge)

Update: maybe found something, give me 5min

67

well still same, autocomplete is not displayed on android. just noticed that the attribute ā€œautocompleteā€ except ā€œon/offā€ not ā€œtrue/falseā€

https://www.w3schools.com/tags/att_input_autocomplete.asp

68

Final update, the autocomplete is working on my Nexus 5X / Android ā€¦ well then Iā€™m guessing that the Samsung TouchWiz or whatever they put over Android block the autocomplete

69

Itā€™s strange, it does work on my S7 Edge :slight_smile: @Alexmady I saw this demo posted by @eakoriakin which looks pretty interesting regarding to elastic ion-inputs:

70

I think the spellcheck option works fine on android, iOS is the problem again. I think its due to the following issue:

2017-05-05 16:12:26.932712+0100 KeyboardTest[1257:707504] [MobileAssetError:29] 
Unable to copy asset information from https://mesu.apple.com/assets/ 
for asset type com.apple.MobileAsset.TextInput.SpellChecker

Searching but cant find any fix for this, pretty sure its the reason for the spellcheck issues, seems like not an ionic issue but a ios issue.

71

@Alexmady maybe have you then try adding https://mesu.apple.com/assets/ to your Content-Security-Policy in index.html?

72

@Alexmady how do you make the youtube screenshot videos?

73

Plug my iPhone into the USB port of my mac with the lighting cable, the
open QuickTime and choose ā€œnew movie recordingā€. Then on the drop down near
to the record button select the iPhone as the recording input device, then
press record!

74

By the wayā€¦ still experiencing the spellcheck issue on iOS devices, is it
just me?!

75

Are you using UIWebview or WkWebview for IOS? Iā€™ve had a load of problems with chat in WKWebView. But Iā€™m going to try to implement a demo similar to yours. Also have you tried your demo app with ionic-refresher?

76

@maith123 I am not sure actually, how do I check whether I am using
UIWebview or WkWebview?

What is ion-refresher and how might it help?

77

I believe the simplest way would be to run cordova plugin list and see if it lists cordova-plugin-wkwebview-engine.

78

So I ran the command and itā€™s not listed. What is the anticipated benefit
of adding it in this particular case?

79

Im not sure about this particular case as Iā€™ll have to try it. But itā€™ll be much smoother for scrolling and your app generally loads a lot faster. However, Iā€™ve been struggling with creating a streamlined chat app for while now. Iā€™m almost there. Iā€™ll give your code a try within wkwebview and see if it works then share. Also the ion-refresher helps loads more messages so you donā€™t need to load all your messages as soon as you open your chat view page, aka a load more button but it works by scrolling to the top of the page.

80

Sounds good. Will also give the wkwebview a whirl.

Have you also had problems with the spellchecker on iOS by the way?