Swedish letters in input placeholder makes form dirty on init
See original GitHub issueI’m submitting a … (check one with “x”)
[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here, instead see https://github.com/angular/angular/blob/master/CONTRIBUTING.md#question
Current behavior Using reactive forms. When swedish letters (åäö) is used in a input placeholder, the form and input is initialized as dirty.
This only affects IE11, or perhaps also earlier versions of IE.
Expected behavior The form and input should not be dirty because of swedish letters in placeholder.
Minimal reproduction of the problem with instructions http://plnkr.co/edit/u3iEtQ?p=preview ~~http://plnkr.co/edit/LpZNI9m7j8m8tgXRFdVG?p=preview~~ (old plunk with typo and not working)
What is the motivation / use case for changing the behavior? bug
Please tell us about your environment: Windows 10
-
Angular version: 4.0.2, also affects 2.x
-
Browser: Internet Explorer 11
-
Language: all
Issue Analytics
- State:
- Created 6 years ago
- Reactions:3
- Comments:10 (2 by maintainers)
Top Results From Across the Web
placeholders in angular reactiveforms controls causing input ...
In IE11 - input controls are being signed as dirty when they have placeholder. As a result - validators based on these controls...
Read more >Opinions Needed! Which phone number input placeholder ...
Placeholder fake data such as this only confuses the user. Leave the field blank and have it automatically format as the user types....
Read more >Don't Use The Placeholder Attribute - Smashing Magazine
When a person enters information into an input, its placeholder content will disappear. The only way to restore it is to remove the...
Read more >How to reduce repetition in Angular 14 input validation
So, with the use of an Angular directive and an Angular component, I came-up with a solution that greatly reduces repetitive coding required ......
Read more >Forms documentation for Angular | Mobiscroll
0 the form elements can be used separately using their own attributes to initialize. Initialization. Here is an example for the forms component....
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

Same here with german umlauts.
And after six hours of debugging - I can vote in that Danish characters has same flaw. In my case the letter ‘ø’.
Used all night yesterday digging through our code to figure out why 1 of 4 totally similar fields always was dirty - the 3 others not in Internet Explorer.
And lets just be honest - debugging Angular in dev mode in Internet Explorer 11 is not that fun.
First today a colleague noticed the difference that this field had placeholder “Leverandørnr”. Changing the danish translation fixed the issue. Logging in as English user - fixed the issue.
Anyone has a decent workaround for this? Or do we need to wait for the Angular Material team to pick this up - we have nearly 100% danish customer base - so this is quite critical for us.