summaryrefslogtreecommitdiffstats
path: root/dom/html/test/forms/save_restore_custom_elements_sample.html
diff options
context:
space:
mode:
authorDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
committerDaniel Baumann <daniel.baumann@progress-linux.org>2024-04-19 00:47:55 +0000
commit26a029d407be480d791972afb5975cf62c9360a6 (patch)
treef435a8308119effd964b339f76abb83a57c29483 /dom/html/test/forms/save_restore_custom_elements_sample.html
parentInitial commit. (diff)
downloadfirefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz
firefox-26a029d407be480d791972afb5975cf62c9360a6.zip
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'dom/html/test/forms/save_restore_custom_elements_sample.html')
-rw-r--r--dom/html/test/forms/save_restore_custom_elements_sample.html43
1 files changed, 43 insertions, 0 deletions
diff --git a/dom/html/test/forms/save_restore_custom_elements_sample.html b/dom/html/test/forms/save_restore_custom_elements_sample.html
new file mode 100644
index 0000000000..75dc4c388d
--- /dev/null
+++ b/dom/html/test/forms/save_restore_custom_elements_sample.html
@@ -0,0 +1,43 @@
+<script>
+ class CEBase extends HTMLElement {
+ static formAssociated = true;
+ constructor() {
+ super();
+ this.internals = this.attachInternals();
+ this.state_ = undefined;
+ }
+ formStateRestoreCallback(state, reason) {
+ if (reason == "restore") {
+ this.state_ = state;
+ }
+ }
+ set(state, value) {
+ this.state_ = state;
+ this.value_ = value;
+ this.internals.setFormValue(value, state);
+ }
+ get state() {
+ return this.state_;
+ }
+ get value() {
+ return this.value_;
+ }
+ }
+
+ customElements.define("c-e", class extends CEBase {});
+</script>
+<form>
+ <c-e id="custom0"></c-e>
+ <c-e id="custom1"></c-e>
+ <c-e id="custom2"></c-e>
+ <c-e id="custom3"></c-e>
+ <c-e id="custom4"></c-e>
+ <upgraded-ce id="upgraded0"></upgraded-ce>
+ <upgraded-ce id="upgraded1"></upgraded-ce>
+ <upgraded-ce id="upgraded2"></upgraded-ce>
+ <upgraded-ce id="upgraded3"></upgraded-ce>
+ <upgraded-ce id="upgraded4"></upgraded-ce>
+</form>
+<script>
+ customElements.define("upgraded-ce", class extends CEBase {});
+</script>