Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Core: Make Sizzle.contains work within <template/> elements #490

Merged
merged 1 commit into from
Nov 16, 2022

Conversation

mgol
Copy link
Member

@mgol mgol commented Nov 15, 2022

The <template/> element contents property is a document fragment that may have a null documentElement. In Safari 16 this happens in more cases due to recent spec changes - in particular, even if that document fragment is explicitly adopted into an outer document. We're testing both of those cases now.

The above behavior made Sizzle.contains crash when run on certain elements within the <template/> element. As it turns out, we don't need to query the supposed container documentElement if it has the Node.DOCUMENT_NODE (9) nodeType; we can call .contains() directly on the document. That avoids the crash.

However, we still need to fall back to documentElement if one is defined as IE <9 have a broken .contains() on the document.

Fixes jquery/jquery#5147
Ref jquery/jquery#5158

I run tests on all browsers locally and they passed.

This is one of the jQuery 3.6.2 blockers.

The `<template/>` element `contents` property is a document fragment that may
have a `null` `documentElement`. In Safari 16 this happens in more cases due
to recent spec changes - in particular, even if that document fragment is
explicitly adopted into an outer document. We're testing both of those cases
now.

The above behavior made `Sizzle.contains` crash when run on certain elements
within the `<template/>` element. As it turns out, we don't need
to query the supposed container `documentElement` if it has the
`Node.DOCUMENT_NODE` (9) `nodeType`; we can call `.contains()` directly on
the `document`. That avoids the crash.

However, we still need to fall back to `documentElement` if one is
defined as IE <9 have a broken `.contains()` on the document.

Fixes jquery/jquery#5147
Ref jquery/jquery#5158
@mgol mgol added this to the 2.3.7 milestone Nov 15, 2022
@mgol mgol self-assigned this Nov 15, 2022
@mgol mgol modified the milestones: 2.3.7, 2.3.8 Nov 15, 2022
mgol added a commit to mgol/jquery that referenced this pull request Nov 15, 2022
The `<template/>` element `contents` property is a document fragment that may
have a `null` `documentElement`. In Safari 16 this happens in more cases due
to recent spec changes - in particular, even if that document fragment is
explicitly adopted into an outer document. We're testing both of those cases
now.

The crash used to happen in `jQuery.contains` which is an alias for
`Sizzle.contains` in jQuery 3.x.

The Sizzle fix is at jquery/sizzle#490. This PR pulls the new Sizzle
version into jQuery's `3.x-stable` branch and backports one test from
jquerygh-5158.

Fixes jquerygh-5147
Ref jquery/sizzle/pull/490
Ref jquerygh-5158
@mgol mgol merged commit 759acc7 into jquery:main Nov 16, 2022
@mgol mgol deleted the contains-template branch November 16, 2022 12:16
mgol added a commit to mgol/jquery that referenced this pull request Nov 16, 2022
mgol added a commit to mgol/jquery that referenced this pull request Nov 16, 2022
The `<template/>` element `contents` property is a document fragment that may
have a `null` `documentElement`. In Safari 16 this happens in more cases due
to recent spec changes - in particular, even if that document fragment is
explicitly adopted into an outer document. We're testing both of those cases
now.

The crash used to happen in `jQuery.contains` which is an alias for
`Sizzle.contains` in jQuery 3.x.

The Sizzle fix is at jquery/sizzle#490. This PR pulls the new Sizzle
version into jQuery's `3.x-stable` branch and backports one test from
jquerygh-5158.

Fixes jquerygh-5147
Closes jquerygh-5159
Ref jquery/sizzle#490
Ref jquerygh-5158
mgol added a commit to mgol/jquery that referenced this pull request Nov 16, 2022
The `<template/>` element `contents` property is a document fragment that may
have a `null` `documentElement`. In Safari 16 this happens in more cases due
to recent spec changes - in particular, even if that document fragment is
explicitly adopted into an outer document. We're testing both of those cases
now.

The crash used to happen in `jQuery.contains` which is an alias for
`Sizzle.contains` in jQuery 3.x.

The Sizzle fix is at jquery/sizzle#490, released in Sizzle `2.3.8`. This
version of Sizzle is included in the parent commit.

Fixes jquerygh-5147
Closes jquerygh-5159
Ref jquery/sizzle#490
Ref jquerygh-5158
mgol added a commit to mgol/jquery that referenced this pull request Nov 16, 2022
The `<template/>` element `contents` property is a document fragment that may
have a `null` `documentElement`. In Safari 16 this happens in more cases due
to recent spec changes - in particular, even if that document fragment is
explicitly adopted into an outer document. We're testing both of those cases
now.

The crash used to happen in `jQuery.contains` which is an alias for
`Sizzle.contains` in jQuery 3.x.

The Sizzle fix is at jquery/sizzle#490, released in Sizzle `2.3.8`. This
version of Sizzle is included in the parent commit.

A fix similar to the one from jquerygh-5158 has also been applied here to the
`selector-native` version.

Fixes jquerygh-5147
Closes jquerygh-5159
Ref jquery/sizzle#490
Ref jquerygh-5158
mgol added a commit to jquery/jquery that referenced this pull request Nov 16, 2022
mgol added a commit to jquery/jquery that referenced this pull request Nov 16, 2022
The `<template/>` element `contents` property is a document fragment that may
have a `null` `documentElement`. In Safari 16 this happens in more cases due
to recent spec changes - in particular, even if that document fragment is
explicitly adopted into an outer document. We're testing both of those cases
now.

The crash used to happen in `jQuery.contains` which is an alias for
`Sizzle.contains` in jQuery 3.x.

The Sizzle fix is at jquery/sizzle#490, released in Sizzle `2.3.8`. This
version of Sizzle is included in the parent commit.

A fix similar to the one from gh-5158 has also been applied here to the
`selector-native` version.

Fixes gh-5147
Closes gh-5159
Ref jquery/sizzle#490
Ref gh-5158
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

Successfully merging this pull request may close these issues.

Safari 16 crashes on in-template DOM manipulation
2 participants