ajax data content_script_ui injection location

[Ya-hui]

export default defineContentScript({
  matches: ['*://detail.baidu.com/offer/*'],
  runAt: 'document_idle',
  main(ctx) {
    const ui = createIntegratedUi(ctx, {
      position: 'inline',
      anchor: '#root-container',
      append: 'first',
      onMount: (container) => {
        const app = createApp(App)
        app.mount(container)
        return app
      },
      onRemove: (app) => {
        app?.unmount()
      }
    })
    ui.mount()
  }
})

If #root-container is generated asynchronously via ajax, is there a problem with the above code that cannot accurately access the DOM element? Should MutationObserver be used?

[aklinker1]

Yes, a mutation observer should be used in this case. See #537