Polyfill the window.customElements (#23592) (#23595)

wxiaoguang · web-flow · commit 0732ba32ee9e · 2023-03-20T19:52:05.000+01:00
Backport #23592 Close #23590 It seems that some browsers don't support customElements
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
     "@mcaptcha/vanilla-glue": "0.1.0-alpha-3",
     "@primer/octicons": "17.10.2",
     "@vue/compiler-sfc": "3.2.45",
+    "@webcomponents/custom-elements": "1.5.1",
     "add-asset-webpack-plugin": "2.0.1",
     "ansi-to-html": "0.7.2",
     "asciinema-player": "3.0.1",
diff --git a/web_src/js/webcomponents/GiteaOriginUrl.js b/web_src/js/webcomponents/GiteaOriginUrl.js
@@ -1,3 +1,5 @@
+import '@webcomponents/custom-elements'; // automatically adds custom elements for older browsers that don't support it
+
 // this is a Gitea's private HTML component, it converts an absolute or relative URL to an absolute URL with the current origin
 window.customElements.define('gitea-origin-url', class extends HTMLElement {
   connectedCallback() {

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,5 @@`
	`1`	`+import '@webcomponents/custom-elements'; // automatically adds custom elements for older browsers that don't support it`
	`2`	`+`
`1`	`3`	`// this is a Gitea's private HTML component, it converts an absolute or relative URL to an absolute URL with the current origin`
`2`	`4`	`window.customElements.define('gitea-origin-url', class extends HTMLElement {`
`3`	`5`	`connectedCallback() {`