Google Chrome Devtools crashes while checking an item on a page containing kendo-ui styles

Question

Since a couple of weeks ago, I ran into crashes with Chrome developer tools. Whenever you check an element on a page, I get "Aw, Snap!". The error page and the message in the devTools panel say that "DevTools has been disconnected from the page." After reading This post, I was able to isolate the css file that is causing the error. Turns out this is the kendo-ui css /Content/kendo/2015.2.902/kendo.silver.min.css . When commenting on a file, devTools works fine, and I can check the elements.

I ran this file in CSS Validator and it gave me 6 errors (for example, Unknown pseudo-element or pseudo-class ::selection [selection] and Too many values or values are not recognized : inset 0 0 0 1px inset 0 0 3px 1px #bebec3 ) and 116 warnings (e.g. Property none,-webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 0.45)),to(rgba(255, 255, 255, 0))) is an unknown vendor extension and Property -webkit-box-shadow is an unknown vendor extension )

I have several projects working with kendo-ui, and deleting them is not an option and does not change the css files of kendo, and I also do not want to stop working with my favorite Chrome devTools.

My version of Chrome is 48.0.2564.103 m . I tried setting up devTools settings, maybe making it less strict, but no luck.

Any ideas how to solve this problem?

Update 1

I tried and modified the kendo.silver.min.css file and deleted all errors found in the css-validator (there are still 115 warnings, but deleting them is the same as not loading the file at all). The css confirmation is complete. Starting the application again with the modified file did not give any results, and devtools continues to crush when checking the element. This seems to be crushing when validating an element that is a child of Kendo's control, such as a grid, tab bar, etc., but not for stand-alone elements, even if they have k-... css classes.

This problem can be reproduced on the kendo ui demos itsef website . When you right-click on one of the buttons in the grid and try to Inspect it.

Answer 1

Known issue in the current chrome stable version (48). It was fixed and merged with chrome 49. Before Chrome 49 becomes stable, use beta .