Encoded character breaks Knockout js data bind on IE8

Question

I'm having a very strange issue on IE8 (and only on IE version lower than 8). The problem is in attr binding, if I put encoded email string (with %26, %40 and etc.) the page won't render the data binds in text field ('[email protected]' in the case below), instead it will render as "mailto:first%26last%40domain.com".

<a data-bind="    visible: Email.length > 0, text: '[email protected]', attr:{ href: 'mailto:' +  'first%26last%40domain.com' }"></a>

The strange thing is it renders just fine if I use the non-encoded string

<a data-bind="    visible: Email.length > 0, text: '[email protected]', attr:{ href: 'mailto:' +  'first&[email protected]' }"></a>

Both ways work properly on Firefox and Chrome and higher version IE.

Probably just an IE8 bug, maybe only for locally hosted: wrensoft.com/forum/… — Roy J
– Roy J, Commented Jul 30, 2015 at 1:20

C_J · Accepted Answer · 2015-07-30 18:23:27Z

1

I debugged through it and found Knockout js is using the DOM method setAttribute() to set href. And per the documentation from W3School, setAttribute() supports browser IE9 and newer, so I think that is what causes the strange result.

I also searched around about the setAttribute(), other people also encountered similar issue, see link below:

https://social.msdn.microsoft.com/Forums/ie/en-US/aa6bf9a5-0c0b-4a02-a115-c5b85783ca8c/javascript-modifying-href-changes-link-text-as-well-for-mailto-protocol?forum=iewebdevelopment

answered Jul 30, 2015 at 18:23

C_J

4144 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Encoded character breaks Knockout js data bind on IE8

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related