Ajax binding should apply to dynamic elements

Reroll for core 10.0.x

Providing a new patch for 10.1.x that uses MutationObserver, since MutationEvent is deprecated.

The last submitted patch, 19: 2997668-19-d10.1.x.patch, failed testing. View results →

One solution is to manage this directly where the DOM is updated.
For exemple on Vue, you can just force the bind with :

onMounted(() => {
  Drupal.ajax.bindAjaxLinks()
})

Did the core really need to manage this case ?

Did the core really need to manage this case ?

Since loading content dynamically via Ajax is functionality offered by core and it is a reasonable expectation for dynamically-loaded content to itself contain dynamic links within, then it stands to reason that core should handle that use case.

I'm facing an issue when observer does nothing when no DOM changes happens on page load.

Usage of MutationObserver is a great option here, but shouldn't bindAjaxLinks() be called anyway, so we'll have processed .use-ajax links at the page loaded stage and on DOM mutation level?