'attributeChangedCallback' not working with a data attribute on Edge

Confirmed Issue #11715748 • Assigned to Alex K.

Details

Author
Liam S.
Created
Apr 19, 2017
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Firefox
Found in build #
38.14393
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

I’ve created a custom element with the ‘attributeChangedCallback’ function and added a attribute to the 'observedAttributes’.

The component is ran, however when changing the data attribute, the callback does not fire which it does for none data attributes in Firefox and Edge. This also works in Chrome and Safari.

The issue was spotted initially spotted it both Firefox 52.0.2 (64-bit) and 53.0 (64-bit) (Mac), which then prompted me to check and notice it was also in Microsoft Edge 38.14393.0.0

Please find the example code below and observe the console. (the version of webcomponent polyfill does not make a difference, I’ve tried them between 1.0.0-rc.1 and 1.0.0-rc.8)

https://jsfiddle.net/t8rbucvd/7/

Attachments

0 attachments

    Comments and activity

    • Changed Title from “'attributeChangedCallback' not working with a data attribute on Firefox” to “'attributeChangedCallback' not working with a data attribute on Edge or Firefox”

    • Microsoft Edge Team

      Changed Assigned To to “James M.”

      Changed Assigned To to “Travis L.”

      Changed Title from “'attributeChangedCallback' not working with a data attribute on Edge or Firefox” to “'attributeChangedCallback' not working with a data attribute on Edge”

      Changed Status to “Confirmed”

      Changed Assigned To from “Travis L.” to “Alex K.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in