change.delegate does not work inside of web components

aurelia / templating-binding

An implementation of the templating engine's Binding Language abstraction which uses a pluggable command syntax.

MIT License

32 stars 26 forks source link

change.delegate does not work inside of web components #151

Closed Archelyst closed 2 years ago

Archelyst commented 3 years ago

I'm submitting a bug report Not sure if this is the right place to post it though...

Library Version: 1.5.3

Please tell us about your environment:

Operating System: OSX 10.15
Node Version: 12
Browser: Firefox 92
Language: TypeScript 3.9.10

Current behavior: Nothing happens when I put a change.delegate on an input when the app lives inside of a web component. change.trigger works.

Expected/desired behavior: It should work.

bigopon commented 2 years ago

change.delegate relies on the the event being propagated to the document and delegated back to some handlers. This won't work well in a web-component shadowDOM heavy world. Please use change.trigger, we will be updating our stance on change.delegate vs change.trigger.