[Angular] Html custom element can not be rendered inside eventTooltip.template

[SergeyMaltsev]

Version 5.6.5

Steps to reproduce

Build angular demo Scheduler/examples/frameworks/angular/angular-11-routing

Test case 1

Initially demo is configured here
Scheduler/examples/frameworks/angular/angular-11-routing/src/app/scheduler/scheduler.config.ts

features          : {
        resourceTimeRanges : true,
        eventTooltip       : {
            // template returns a custom element created in app.module.ts
            template : ({ eventRecord, startClockHtml, endClockHtml }) => {
                return `<tooltip-renderer
                      name="${eventRecord.name}"
                      resource-name="${eventRecord.resource?.name}"
                      >${startClockHtml}${endClockHtml}</tooltip-renderer>`;
            }
        }
    }

• Hover mouse over event (Tooltip is shown)
• Move outside (Tooltip is hidden)
• Hover again. (No tooltip is shown) 🐛 BUG

Behavior:

Test case 2

Wrap template with div

features          : {
        resourceTimeRanges : true,
        eventTooltip       : {
            // template returns a custom element created in app.module.ts
            template : ({ eventRecord, startClockHtml, endClockHtml }) => {
                return `<div><tooltip-renderer
                      name="${eventRecord.name}"
                      resource-name="${eventRecord.resource?.name}"
                      >${startClockHtml}${endClockHtml}</tooltip-renderer></div>`;
            }
        }
    }

Behavior:

Related to Fix adopt lifecycle commit.