"Unspecified error" in Internet Explorer 11

[srijken]

When opening an app that contains this element, IE11 throws an error

Expected outcome

No error :)

Actual outcome

Live Demo

https://tts-dev.competence.biz/

Steps to reproduce

Put this on the page:

Build with polymer build
Deploy unbundled files
Visit with IE11

Browsers Affected

• Chrome
• Firefox
• Safari 9
• Safari 8
• Safari 7
• Edge
• IE 11
• IE 10

[srijken]

This was due to databinding to a null value, not sure if that should work?

[bmwalters]

This is still an issue. @srijken Thanks for noting what caused the issue for you. It helped me work around the issue when I encountered it.

With this markup:
<gold-phone-input value="{{someObject.someProperty}}"></gold-phone-input>

This code will cause this error on IE 11

Polymer({
  is: "foo-bar",

  properties: {
    someObject: {
      type: Object,
      value: {}
    }
  }

  // ...
})

But this will not

Polymer({
  is: "foo-bar",

  properties: {
    someObject: {
      type: Object,
      value: {
        someProperty: ""
      }
    }
  }

  // ...
})

[adi130987]

I think I have the same issue on an element I built and so far my issue is related on setting iron-input selectionStart and selectionEnd.

Update: updateValueAndPreserveCaret from PaperInputBehavior is also trying to update input selectionStart and selectionEnd and on IE11 the error is catched here, ignored and continues with setting the value provided.

In this element there is this code:

// Advance or back up the caret based on the change that happened before it.
this.$.input.selectionStart = this.$.input.selectionEnd = start + dashesDifference;

I belive here is where IE11 throws this generic error.