fix(web): 修复网页版登录界面无法自动填充的问题 (#291)

he0119 · Oct 28, 2022 · 1bf4622 · 1bf4622
1 parent 5667daa
commit 1bf4622
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -14,6 +14,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/lang/zh-CN/
 ### Fixed
 
 - 留言板中单击网址链接现在能正常转跳到对应网页
+- 修复网页版登录界面无法自动填充的问题
 
 ## [0.9.1] - 2022-10-22
 

diff --git a/web/index.html b/web/index.html
@@ -38,6 +38,25 @@
   </script>
   <!-- This script adds the flutter initialization JS code -->
   <script src="flutter.js" defer></script>
+
+  <script type="application/javascript">
+    // Disable shadow dom for FLT-GLASS-PANE by overriding
+    // `attachShadow` to avoid the following issue:
+    // https://github.com/flutter/flutter/issues/87735
+
+    Element.prototype._attachShadow = Element.prototype.attachShadow;
+    Element.prototype.attachShadow = function (init) {
+      if (this.tagName == "FLT-GLASS-PANE" && window.location.pathname == '/login') {
+
+        _element = document.createElement('flt-element-host-node');
+        this.appendChild(_element);
+
+        return _element;
+      }
+
+      return this._attachShadow(init);
+    };
+  </script>
 </head>
 <body>
   <script>