Skip to content

Fails to query a selector with special chars #58

@shalev-evinced

Description

@shalev-evinced

Hi @Georgegriff,
First of all thanks for sharing your code! I've been using it for a while and it's working well :)

I've come across, however, a corner case -
trying to query a selector in a shadowDOM in this website.
Querying this selector (each element of the array is a new shadowDom document)
["dps-app", "dps-home-unauth", "dps-card > img[slot="icon-custom"][height="\33 0"]"]
(please note that the last string is automatically backslashed \ into "dps-card > img[slot=\"icon-custom\"][height=\"\\33 0\"]")
image

works in the "classic" way to query shadow selectors:
document.querySelector("dps-app").shadowRoot.querySelector("dps-home-unauth").shadowRoot.querySelector("dps-card > img[slot=\"icon-custom\"][height=\"\\33 0\"]")​
image

However, trying to query it with queryDeep returns null:
(after converting into a queryDeep selector syntax - "dps-app dps-home-unauth dps-card img[slot=\"icon-custom\"][height=\"\\33 0\"]")
image

But, when removing the selector's last funky height attribute - it succeeds!
("dps-app dps-home-unauth dps-card img[slot=\"icon-custom\"]")
image

I'm not sure why it has failed to query with the height attribute, and would really appreciate your help with fixing it.
Thanks!

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions