Multiline content passed to the Grids' ToolBar.ClientTemplate configuration option generates invalid template

[aleksandarevangelatov]

Bug report

New lines are not removed from the serialized Toolbar.ClientTemplate when multiline content is provided and the Grid is in a DetailTemplate, thus generating an invalid template and causing a Chrome Exception.

Reproduction of the problem

The following template configuration is valid and works for the parent grid, but not for child grids:

.ToolBar(toolbar => toolbar.ClientTemplate(@" 
            <div class='filter'>
                <span class='k-textbox k-display-flex auto-filter''>
                    <input id='search' autocomplete='off' class='k-input' placeholder='Search...' title='Search...' type='text'>
                    <span class='k-input-icon'><span class='k-icon k-i-search'></span></span>
                </span>
            </div>
        "))

REPL example

Current behavior

Invalid template is generated

Expected/desired behavior

A valid template should be generated

Environment

• Kendo UI version: 2022.2.621
• Browser: [all ]