EMoji's keyboard is not showing

Harikag · December 18, 2019, 8:27am

I am implementing emoji’s,

I installed emoji’s plugin too.
Below link shows that

Key board is showing like this

So please help me.

Below is My code

<div class="message_row" style="width:300px;">
                <button ion-button clear icon-only (click)="toggled = !toggled" [(emojiPickerIf)]="toggled" [emojiPickerDirection]="'bottom'"
                (emojiPickerSelect)="handleSelection($event)" style="position: absolute;
                z-index: 9;
                left: 0px;
                bottom: 4px;
                font-size: 0.8em;">
                <ion-icon name="md-happy"></ion-icon>
              </button>
              <ion-item no-lines>             
               <ion-input type="text" placeholder="Message" [(ngModel)]="editorMsg" (keyup.enter)="sendMsg()" style="margin: 0px 8px !important; 
      font-size: 0.8em;"></ion-input>
              </ion-item>
             </div>