We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Initial missalignment of Placeholder when form control is used

I am using a dropdown tree component and I am providing the "formControlName" in order to connect this component to the underlying form. I am noticing that on the first load of the page, the placeholder is misaligned:

However, after selection/deselection of items, the placeholder returns to its place:

Please find a demo here:


Please also provide a solution for this bug.


Live Chat Icon For mobile
Up arrow icon