fix: escape CSS selector keys to handle special characters #9030
+2
−2
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Use CSS.escape() for data-key attribute selectors in querySelector to properly handle file paths with non-ASCII characters (e.g., Chinese) and special URL protocols (file://).
What does this PR do?
The desktop app crashes with:
SyntaxError: 'data-key="file://xxxxxx.md""' is not a valid selector.
This occurs because

querySelectorrequires special characters in attribute selectors to be escaped.Solution
Wrap key values with
CSS.escape()before using them in selectors: