IE11 steps after 2nd not being rendered if the 2nd has custom html tag

[catchRCP]

Not rendering steps after the 2nd in IE11, if 2nd has a custom html tag e.g. '<custom-control-tag/>'
For eg.
<md-stepper id="stepper-wizard"> <md-step md-label="A"> <md-step-actions> </md-step-actions> </md-step> <md-step md-label="B"> <md-step-actions> <custom-control-tag/> </md-step-actions> </md-step> <md-step md-label="C"> <md-step-actions> </md-step-actions> </md-step> </md-stepper>

The above code would only render Step1 - A & Step2 - B. The Step3 - C could not be rendered.
If custom control tag is removed from B and placed in A or C it will render correctly.

Note: A tag similar to <custom-control-tag/>, which is actually angular component tag is used in my project.