Typing in Autosize textarea on Firefox mobile causes unexpected characters to appear - Githubissues

angular / components

Component infrastructure and Material Design components for Angular

https://material.angular.io

MIT License

24.24k stars 6.7k forks source link

Typing in Autosize textarea on Firefox mobile causes unexpected characters to appear #18393

Open fredsa opened 4 years ago

fredsa commented 4 years ago

Reproduction

Steps to reproduce:

Install Firefox mobile (https://play.google.com/store/apps/details?id=org.mozilla.firefox, versionName=68.4.2, versionCode=2015676155)
Navigate to https://material.angular.io/components/input/examples (currently version 8.2.3)
Scroll down to the the 'Auto-resizing textarea' section
Tap in the 'Autosize textarea' box
Type a few characters

Expected Behavior

Characters appear exactly as typed

Actual Behavior

Extraneous characters appear.
Looks like the Firefox mobile browser and Angular Material are fighting each other, causing extra characters to appear

Environment

Angular: (whatever https://material.angular.io/components/input/examples is using)
CDK/Material: 8.2.3
Browser(s):
Operating System (e.g. Windows, macOS, Ubuntu):

fredsa commented 4 years ago

Note, the same auto-resizing textarea works fine on Chrome (https://play.google.com/store/apps/details?id=com.android.chrome, versionName=79.0.3945.136, versionCode=394513638)