angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.22k stars 6.69k forks source link

Input cut off on iPhone after typing an emoji #10897

Open atscott opened 6 years ago

atscott commented 6 years ago

Bug, feature request, or proposal:

Type an emoji into a material2 input. The emoji doesn't have to be there as an initial value. image

What is the expected behavior?

Text is displayed and not cut off

What is the current behavior?

Text is cut off when there is an emoji

What are the steps to reproduce?

Providing a StackBlitz reproduction is the best way to share your issue.
StackBlitz starter: https://goo.gl/wwnhMV

https://angular-material2-emoji.stackblitz.io/ https://stackblitz.com/edit/angular-material2-emoji

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Device: iPhone 8 Plus Device OS: 11.2.5(15D60) Browser: Safari Also reproduced on iPhone 7 with chrome browser

roger6106 commented 3 years ago

Also occurs on desktop Safari browsers: