diff --git a/custom-elements/form-associated/form-disabled-callback.html b/custom-elements/form-associated/form-disabled-callback.html index c61a7719fc628c..a30b678f13bc83 100644 --- a/custom-elements/form-associated/form-disabled-callback.html +++ b/custom-elements/form-associated/form-disabled-callback.html @@ -132,5 +132,23 @@ fieldset.disabled = false; assert_array_equals(container.querySelector('my-control').disabledHistory(), [true]); }, 'Toggling "disabled" attribute on a
does not trigger a callback on disabled custom element descendant'); + +test(() => { + const template = document.createElement('template'); + template.innerHTML = ''; + const container = document.createElement('fieldset'); + document.body.appendChild(container); + container.disabled = true; + container.appendChild(template.content.cloneNode(true)); + assert_array_equals(container.querySelector('my-control').disabledHistory(), [true]); +}, 'Callback triggered during a clone/append operation, with disabled state provided by ancestor'); + +test(() => { + const container = document.createElement('div'); + document.body.appendChild(container); + container.innerHTML = '
'; + const clone = container.cloneNode(true); + assert_array_equals(container.querySelector('my-control').disabledHistory(), [true]); +}, 'Callback triggered during a clone operation, with disabled state provided by ancestor');