使用ngx-emoji-mart的表情符号没有出现滚动条

时间:2019-01-22 14:20:07

标签: angular

我正尝试为ngb中使用ngx-emoji-mart的fb,watsapp编写表情符号代码,以某种方式出现表情符号列表,该列表覆盖了整个屏幕,而不是出现在带有滚动条的列表中。截图。

<div class="row mb-1">
    <div class="col-12 text-center">
     <button type="button"
      class="btn btn-sm btn-light mr-1 mb-2"
      *ngFor="let theme of themes"
      (click)="setTheme(theme)"
       [class.active]="theme === set">{{ theme }}
     </button>
   </div>
</div>
<div class="row justify-content-center mb-3">
   <div class="col-12">
     <div class="d-flex justify-content-center">
       <emoji-mart
         [set]="set"
         [isNative]="native"
         [hideRecent]="false"
         [custom]="CUSTOM_EMOJIS"
         (emojiSelect)="handleClick($event)"
         title="Pick your emoji…"
         emoji='point_up'>
        </emoji-mart>
     </div>
 </div>   
</div> 

result screenshot

0 个答案:

没有答案