{"action":"opened","issue":{"url":"https://api.github.com/repos/GoogleChrome/devtools-docs/issues/294","labels_url":"https://api.github.com/repos/GoogleChrome/devtools-docs/issues/294/labels{/name}","comments_url":"https://api.github.com/repos/GoogleChrome/devtools-docs/issues/294/comments","events_url":"https://api.github.com/repos/GoogleChrome/devtools-docs/issues/294/events","html_url":"https://github.com/GoogleChrome/devtools-docs/issues/294","id":98374007,"number":294,"title":"Large CSS selector grouping (8+) throws an exception.","user":{"login":"jakubstrama","id":6832946,"avatar_url":"https://avatars.githubusercontent.com/u/6832946?v=3","gravatar_id":"","url":"https://api.github.com/users/jakubstrama","html_url":"https://github.com/jakubstrama","followers_url":"https://api.github.com/users/jakubstrama/followers","following_url":"https://api.github.com/users/jakubstrama/following{/other_user}","gists_url":"https://api.github.com/users/jakubstrama/gists{/gist_id}","starred_url":"https://api.github.com/users/jakubstrama/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/jakubstrama/subscriptions","organizations_url":"https://api.github.com/users/jakubstrama/orgs","repos_url":"https://api.github.com/users/jakubstrama/repos","events_url":"https://api.github.com/users/jakubstrama/events{/privacy}","received_events_url":"https://api.github.com/users/jakubstrama/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-07-31T11:41:15Z","updated_at":"2015-07-31T11:41:15Z","closed_at":null,"body":"Following selector grouping causes devttools Elements to show no style while analysing the selected element. *(Chrome Version 44.0.2403.125 m)*\r\n\r\n## CSS\r\n```\r\n.remove-link, .edit-link, .done-link, .cancel-link, .remove-link > i, .edit-link > i, .done-link > i, .cancel-link > i {\r\n  color: #c4c4c4;\r\n  transition: all 0.2s;\r\n}\r\n```\r\n## Markup\r\n```\r\n<a  href=\"#\" ... class=\"ui-commandlink ui-widget remove-link pull-right\">\r\n\t<i class=\"fa fa-times\"></i>\r\n</a>\r\n```\r\n\r\n![emptyselection](https://cloud.githubusercontent.com/assets/6832946/9006492/1547e81e-3788-11e5-9b7c-7af665438422.png)\r\n\r\nWhile analyzing devtools with <kbd>ctrl</kbd> + <kbd>shift</kbd> + <kbd>i</kbd> inspector, following exception is thrown after clicking on ```<i>```  tag:\r\n```\r\nTypeError: Cannot read property 'range' of undefined\r\n    at Function.WebInspector.StylePropertiesSection.createRuleOriginNode (chrome-devtools://devtools/bundled/elements_module.js:1477:183)\r\n    at Object.WebInspector.StylePropertiesSection._updateRuleOrigin (chrome-devtools://devtools/bundled/elements_module.js:1472:117)\r\n    at Object.WebInspector.StylePropertiesSection (chrome-devtools://devtools/bundled/elements_module.js:1363:198)\r\n    at Object.WebInspector.StylesSidebarPane._rebuildSectionsForMatchedStyleRules (chrome-devtools://devtools/bundled/elements_module.js:1300:13)\r\n    at Object.WebInspector.StylesSidebarPane._innerRebuildUpdate (chrome-devtools://devtools/bundled/elements_module.js:1274:33)\r\n```\r\nIt looks like the method ```rule.matchingSelectors``` returns an index that is out of bounds of ```rule.selectors[firstMatchingIndex]```\r\n"}}