Bug 218297 – Web Inspector: Uncaught Exception: TypeError: null is not an object (evaluating 'this._styleSheetTextRange.collapseToEnd')

• Status: RESOLVED
• Resolution: DUPLICATE
• Component: Web Inspector

[Devin Rousso]

# STEPS TO REPRODUCE
1. inspect <https://www.target.com/c/halloween-candy-treats/-/N-55hso?Nao=0>
2. find "Trick-or-Treat" text in the Elements Tab
3. select one of the sibling `.h-sr-only` nodes
4. click in the `.h-sr-only` rule in the Styles panel in the details sidebar

Uncaught Exceptions:
-----------------------
 - TypeError: null is not an object (evaluating 'this._styleSheetTextRange.collapseToEnd') (at CSSStyleDeclaration.js:547:45)
    _rangeAfterPropertyAtIndex @ CSSStyleDeclaration.js:547:45
    newBlankProperty @ CSSStyleDeclaration.js:412:66
    addBlankProperty @ SpreadsheetCSSStyleDeclarationEditor.js:326:73
    _handleClick @ SpreadsheetCSSStyleDeclarationSection.js:608:52
    _handleClick @ [native code]
-----------------------

Notes:
Inspected URL:        https://www.target.com/c/halloween-candy-treats/-/N-55hso?Nao=0
Loading completed:    true
Frontend User Agent:  Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko)

[Radar WebKit Bug Importer]

<rdar://problem/70772587>

[Devin Rousso]

NOTE: the CSS source of `.h-sr-only` is inlined in the HTML

[Nikita Vasilyev]

This looks like the same problem as in Bug 218035 Web Inspector: Can't edit certain style rules on twitter.com (created by React Native StyleSheet).

Thanks for reporting, though, now I know that the impact of it is more severe.

*** This bug has been marked as a duplicate of bug 218035 ***