TileLayoutItem HeaderTemplate not working as expected

[vitaly]

I have a TileLayout component and nor button nor span would show inside header

    <TelerikTileLayout Columns="3"
                       ColumnWidth="285px"
                       RowHeight="285px"
                       Reorderable="true"
                       Resizable="true"
                       ColumnSpacing="0px"
                       RowSpacing="0px">
        <TileLayoutItems>
            <TileLayoutItem @ref="reference">
                <HeaderTemplate>
                    @* <button @onclick="OnCloseButtonClicked"></button> *@
                    <span>sometext</span>
                </HeaderTemplate>
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/barcelona.jpg" alt="Barcelona" />
                </Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Sofia">
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/sofia.jpg" alt="Sofia" />
                </Content>
            </TileLayoutItem>
            <TileLayoutItem HeaderText="Rome">
                <Content>
                    <img class="k-card-image" draggable="false" src="images/cards/places/rome.jpg" alt="Rome" />
                </Content>
            </TileLayoutItem>
        </TileLayoutItems>
    </TelerikTileLayout>

[Tsvetomir]

Hello Vitaly,

I tried to recreate the described behavior on my side within this REPL sample app. As a result, the HeaderTemplate renders the defined element as expected. This leads me to think that, I'm missing something from the actual configuration.

As a next step, please modify the REPL example to reproduce the issue and send it back to me for inspection. This will help me see the behavior first-hand and troubleshoot the issue further.

I look forward to your reply.

Regards,
Tsvetomir
Progress Telerik