角表情符号选择器在Windows 7上不起作用

我有一个有角度的项目，在我的项目中，我使用了@ joeattardi / emoji-button插件将表情符号选择器添加到聊天框中

这是模板

<form action="" class="type-message">
        <input type="text" placeholder="{{ 'meeting-side.write-message' | translate }}" id="newMessage"
            (keyup.enter)="sendMessage()" [(ngModel)]="newMessage" [ngModelOptions]="{standalone: true}"  autocomplete="off" required>
        <div class="actions-row">
            <div class="icons-actions">
                <mat-icon id="emojiButton" matTooltip="{{'meeting-side.add-emoji' | translate}}" matTooltipClass="custom-tooltip">sentiment_satisfied_alt</mat-icon>
            </div>
            <a (click)="sendMessage()" [ngClass]="{'disabled': !newMessage}">
                {{ "meeting-side.send" | translate }}
            </a>
        </div>
    </form>

在我的component.ts代码中，我添加了此代码

ngAfterViewInit() {
    this.cdRef.detectChanges();

    let button = document.querySelector('#emojiButton') as HTMLButtonElement;
    let picker = new EmojiButton({
      autoHide: false
    });
    
    let input = document.querySelector('#newMessage') as HTMLInputElement;

    picker.on('emoji', emoji => {
      this.newMessage += emoji;
    });

    button.addEventListener('click', () => {
      picker.togglePicker(button);
    });
  }

当我在linux，Windows 10和Mac上测试我的应用程序时，一切正常，但是当我在Windows 7上测试时，它看起来像这样

请帮助我如何使该插件支持Windows 7或对任何MIT插件的任何建议都支持所有操作系统。

谢谢