Javascript content from <Script> tag generated by child controls appears in Grid's toolbar area

[Mike]

When I upgraded to 2014.2.716, a visual error started occurring in my grid controls with child controls in the grid's toolbar.

01.@(Html.Kendo().Grid<TestRowClass>()
02.    .Name("TestGrid")
03.    .ToolBar(toolbar => toolbar.Template(@<text>
04.            @(Html.Kendo().AutoComplete()
05.                .Name("TestAutoComplete")
06.            )
07.        </text>)
08.    )
09.)

I tested that in a brand new project using the CDN to make sure i eliminated all other code. The "TestRowClass" can contain any properties, i only use it to help render the grid itself.

When I use the razor scripting above, all of the <script> tag content shows up in the toolbar along side the control. The control works just fine, but the content of the script tag should not be visible.

I tried adding a simple style like "script { display:none; }" to the page, but that didn't fix the issue.

Any advice or fix would be appreciated. Thanks.

[Poh Joon]

This also happened to me. Already submitted ticket and wait for reply.

[Dimiter Madjarov]

Hello guys,


Please excuse us for the inconvenience. We noticed the issue shortly after the official release and it was fixed in one of the first internal releases after it. I would suggest to upgrade the currently used Kendo UI version.

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik

 

 

[Mike]

So instead of downloading the latest internal build, I too submitted a ticket. They came back with a better fix.

It turns out I was on the right track when I was trying to hide it with style, but I failed on the implementation. Unlike mine, here's some style that works:

1..k-grid  script {
2.     display: none !important;
3.}

That solution worked like a champ.