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

Ionic Framework ionic-v3
81

Seem to be working for me

using this directive

import {Directive, ElementRef, Renderer, AfterViewInit} from “@angular/core”;

@Directive({
selector: ‘[KeyboardFix]’
})

export class KeyboardFix implements AfterViewInit {

constructor (private _elRef: ElementRef, private _renderer: Renderer) {}

ngAfterViewInit() {

let input = null;

if( this._elRef.nativeElement.tagName === 'ION-TEXTAREA') {
    input = this._elRef.nativeElement.querySelector("textarea");
} else {
    input = this._elRef.nativeElement.querySelector("input");
} 

if( input ) {
    this._renderer.setElementAttribute(input, 'autoComplete', 'true');
    this._renderer.setElementAttribute(input, 'spellcheck', 'true');
    this._renderer.setElementAttribute(input, 'autocorrect', 'true');
}

}

}

82

However im using ion text-area, but if you change the tagName it should work

83

in my code i have set these attributes directly on the textarea element (the reason I use simple textarea is because I find it much more stable and controllable in certain edge cases than ion-textarea) - I understand that this should be the equivalent of the directive above?

	<textarea spellcheck="true" autoComplete="true" autocorrect="true" (ngModelChange)="textAreaChange()" rows="1" fz-elastic class="chat-input"
			[(ngModel)]="message" placeholder="Write a message...">
		</textarea>

So you get that red spelling underline whenever there is a spelling mistake when running on iOS devices?

84

hey so I have working version using angular fire and firebase. I couldn’t get your repo to work for some reason. But the chat implementation I have works in wkwebview and ionic v3.0.1 I still need to configure elastic text area though, I’ve got the directive but for some reason the iontext area isn’t expanding. Also double checked and spellchecker doesn’t work :frowning:️. I also get the missing assets message that you get. I’m going to have a go at fixing the elastic text area tonight. Personally the spellchecker isn’t a major feature for chat, it’s more of a nice to have and can update once fixed.

1 Like
85

What stopped my repo from working?

Shame about the spellchecker but glad to hear others are experiencing the same problem.

86

The demo repo is now updated for android, so this now works cross platform. Still no spellcheck :frowning:


1 Like
87

ALL these examples…

I can say that yes, creating a chat application is achievable …

For me the biggest problem is MEMORY usage.

I have been troubleshooting memory problems for about a MONTH now to no avail.

It is for that reason more than anything else noted here in this thread that begins to fill me with doubt in using Ionic as a real world solution.

I get it though, ionic is still in development … but as it seems since the start we will ALWAYS be in beta really … im DESPERATELY trying to find a version i can stick with and run with, but everything changes dramatically far too often …

I dunno … apologies if i sound as frustrated as the guy who started this thread, but in all seriousness …

The enormous amount of Memory leaks in an ionic app is a HUGE problem.

Modals for example, scrolling in a page … BASIC things … they create huge memory leaks.

88

Hi Mike, sorry to hear you’re having these issues. Do you have a simplified
example repository that exemplifies one of the issues you’re experiencing
I.e the minimum code required to be reproduce the issue in one of the
specific cases you mention. If so I wouldn’t mind taking a look…

89

@Alexmady I think I speak for all of us, who’s had the job of building a chat app in Ionic: Thanks for sticking in there.

1 Like
90

I’m wondering, did any of you ever try this plugin?

I haven’t and I know it’s paid, but I’m really curious whether this could be something that fixes all of our problems :slight_smile:

91

Just for the record, All the web technologies/Framework available now, no one %100 fixed the mobile keyboards issue on the web ! for me, this is an interesting problem and I’m working and doing some research to solve this problem!

92

https://github.com/EddyVerbruggen/cordova-plugin-native-keyboard, works like a charm…