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)
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.”