diff options
author | Michał Gołębiowski-Owczarek <m.goleb@gmail.com> | 2022-09-19 21:56:02 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-09-19 20:56:02 +0200 |
commit | d153c375e67f2c2dba82c2fb079c36b8d795e66a (patch) | |
tree | 68849b687ce4dd7ab9a9bf8db648e06d3eac3259 /.github | |
parent | 78321f078ce04ce78aeade8e2860ac41d05fae54 (diff) | |
download | jquery-d153c375e67f2c2dba82c2fb079c36b8d795e66a.tar.gz jquery-d153c375e67f2c2dba82c2fb079c36b8d795e66a.zip |
Selector: Use jQuery `:has` if `CSS.supports(selector(...))` non-compliant
jQuery has followed the following logic for selector handling for ages:
1. Modify the selector to adhere to scoping rules jQuery mandates.
2. Try `qSA` on the modified selector. If it succeeds, use the results.
3. If `qSA` threw an error, run the jQuery custom traversal instead.
It worked fine so far but now CSS has a concept of forgiving selector lists that
some selectors like `:is()` & `:has()` use. That means providing unrecognized
selectors as parameters to `:is()` & `:has()` no longer throws an error, it will
just return no results. That made browsers with native `:has()` support break
selectors using jQuery extensions inside, e.g. `:has(:contains("Item"))`.
Detecting support for selectors can also be done via:
```js
CSS.supports( "selector(SELECTOR_TO_BE_TESTED)" )
```
which returns a boolean. There was a recent spec change requiring this API to
always use non-forgiving parsing:
https://github.com/w3c/csswg-drafts/issues/7280#issuecomment-1143852187
However, no browsers have implemented this change so far.
To solve this, two changes are being made:
1. In browsers supports the new spec change to `CSS.supports( "selector()" )`,
use it before trying `qSA`.
2. Otherwise, add `:has` to the buggy selectors list.
Fixes gh-5098
Closes gh-5107
Ref w3c/csswg-drafts#7676
Diffstat (limited to '.github')
0 files changed, 0 insertions, 0 deletions