iOS: TextView hint becomes text

I have a text view which has a hint, when I start typing, the hint disappears (as it should) and I type like normal text. But when I send the message (is a chat app) and set the ngModel var back to "" again, the hint now becomes editable text and I start typing in gray color like hint.

Here's the problem:

@eleddie

Hi @eleddie

I've tried to reproduce your case but to no avail! I've tested it with this sample (with some modifications) but still was not able to reproduce so perhaps you can share with us a code snippet or a sample project which can recreate this scenario.

I would like this issue to be reopened since it isn't fixed yet. I was o a vacation trip and I couldn't reply. I'm going to create a sample project today so you could try it.
Thanks

I also used to have this issue, I fixed it by removing the hint!!!

@eleddie

@eleddie, @Daxito can you post a snippet or a link to sample project reproducing the described case?

@NickIliev

Hello @NickIliev, sorry for the delay, I've been kinda busy.

This is my html:

<TextView col="0" hint="Type a message..." [(ngModel)]="typing" returnKeyType="done" class="background-write"></TextView>
<Button col="1" text="&#xE163;" class="mi" (tap)="sendMessage(typing)"></Button>

and ts:

 private sendMessage(message: string) {
       if (message == "") return;
       this.typing = "";
       var newMessage = new Message(message.trim());
       this.messages.push(newMessage);
}

As @Daxito said, I can't just remove the hint...

@eleddie

@eleddie I was able to reproduce your case and marked is as a bug. We will investigate further and post additional info when we have a solution.

Code to reproduce this issue here

Meanwhile as a workaround, you can reset your hint after the initial text value is send. This way you will still have initial hint.
Example:

import { Component } from "@angular/core";

@Component({
    selector: "my-app",
    templateUrl: "app.component.html",
})

export class AppComponent {
    public typing: string = "";
    public hint: string = "Type a message... ";

    public sendMessage(message: string) {
        if (message == "") {
            return;
        }
        this.hint = "";
        this.typing  = "";
    }
}

<StackLayout class="p-20">
    <TextView #tv [(ngModel)]="typing" [hint]="hint" returnKeyType="done"></TextView>
    <Button text="TAP" class="mi" (tap)="sendMessage(tv.text)"></Button>
</StackLayout>

@NickIliev

Great! Thanks @NickIliev I'll be waiting for it to be fixed

Hi, any update here?

@NickIliev

This is still reproducible with tns-core-modules 3.0 and @next .
For now, you could use the workaround suggested by @NickIliev in its comment.

The fix is already available in tns-core-modules@next and will also be released with tns-core-modules@3.1.0

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

Navigation Menu

Repository navigation

iOS: TextView hint becomes text #3354

1 remaining item

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

iOS: TextView hint becomes text #3354

Description

Activity

NickIliev commented on Dec 27, 2016

eleddie commented on Jan 4, 2017

Daxito commented on Jan 4, 2017

NickIliev commented on Jan 6, 2017

eleddie commented on Jan 6, 2017

NickIliev commented on Jan 6, 2017

eleddie commented on Jan 6, 2017

ickata commented on May 25, 2017

tsonevn commented on May 26, 2017

1 remaining item

SvetoslavTsenov commented on Jun 1, 2017

lock commented on Aug 28, 2019

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions