weavermagenta
New Member
I am developing a front end of a web app using NetBeans IDE 7.0.1. Recently I had a very nasty bug, which I finally fixed.Say I have code\[code\]var element = '<input size="3" id="foo" name="elements[foo][0]" />';$('#bar').append(element);\[/code\]I noticed that something gone wrong when I saw that \[code\]size\[/code\] attribute doesn't work in Chrome (didn't checked in other browsers). When I opened that element in Inspector, it was interpreted as something like\[code\]<input id=""3"" name=""elements[foo][0]"" size=""foo"" />\[/code\]Which was rather strange. After manually retyping the \[code\]element\[/code\] string character-in-character, the bug was gone. When I undo'ed that change I noticed that Netbeans alerted me about some Unicode characters in my old code. It was \[code\]\u200b\[/code\] - a zero width spaces after each '=', between '][' and in the end of the string. So the string appeared normal because zero width spaces wasn't displayed, but after escaping them my string was\[code\]'<input size=\u200b"3" id=\u200b"foo" name=\u200b"elements[foo]\u200b[0]" />\u200b'\[/code\]Now where the hell did I get them?I'm not sure where did I copied the code of \[code\]element\[/code\] from, but it's definitely one of the following:
- Other pane of Netbeans Editor with HTML template file;
- Google Chrome Inspector, 'Copy as HTML' action;
- Google Chrome source view page (very doubtfully).