Typing in Autosize textarea on Firefox mobile causes unexpected characters to appear
- Dominant language
- TypeScript
- Stars
- 25k
- Forks
- 6.8k
- Avg merge
- 1d 8h
- Merged PRs (30d)
- 91
Description
#### Reproduction
Steps to reproduce:
1. Install Firefox mobile (https://play.google.com/store/apps/details?id=org.mozilla.firefox, versionName=68.4.2, versionCode=2015676155)
2. Navigate to https://material.angular.io/components/input/examples (currently version 8.2.3)
3. Scroll down to the the 'Auto-resizing textarea' section
4. Tap in the 'Autosize textarea' box
5. 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):
Contributor guide
Research direction
Start by reproducing the issue in Firefox mobile 68.4.2 at the Angular Material input examples page, using the Auto-resizing textarea. Then trace the autosize textarea behavior in the Angular Material and CDK sources. Done means typed characters appear exactly once and the reproduction no longer produces extraneous characters.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- angular, typescript
- Domain
- frontend, mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100