Form update uses incorrect target on reconnect
还没有人认领这个 Issue。
评估
调研方向
Start by creating the simplified reproducible project described in the issue, using Surface v0.6.1, LiveView v0.16.4, and the shown component hierarchy. Trace reconnect handling and the handle_event/3 target resolution while the tab is backgrounded; done means reconnecting no longer repeatedly calls MyLiveComponent.handle_event/3 instead of the LiveView handler.
由索引模型根据 Issue 内容生成。
描述
I have a component hierarchy that looks something like this:
MyLiveView
-> MyLiveComponent
-> MyFormComponent
-> <Surface.Components.Form change={"update", target: :live_view} ... />
This works great on the golden path, handle_event/3 is called on the LiveView as expected.
However, if the tab has to reconnect to my app while the tab is in the background, such as in the following scenarios:
- Put the tab in the background (i.e. open some other tab as the active tab)
- Restart the server
or
- Put the tab in the background (i.e. open some other tab as the active tab)
- Close computer (goes to sleep)
- Open computer later
My app tab (which is not the active tab in Chrome) will reconnect and attempt to call handle_event on MyLiveComponent instead of on MyLiveView, over and over again, indefinitely.
The (redacted) error I see in my console is:
** (UndefinedFunctionError) function MyLiveComponent.handle_event/3 is undefined or private
If I then click on the tab and make it the active tab, it seems to do something slightly different and is able to re-establish the correct target and figure it out.
I wasn't sure if this was a dev-only issue, but I recently launched to the public and found that it indeed affects production as well, as AppSignal is showing 1,800 errors per hour, per user.
I'm going to work on making a simplified, reproducible project once I have a minute, but I'm not familiar with the internals of Surface or LiveView and wondered if anyone had any feedback on where I might start looking for the problem, or a workaround.
Surface: v0.6.1
LiveView: v0.16.4
Elixir: v1.12.2
Chrome: 96.0.4664.110
- 主要语言
- Elixir
- 星标
- 2.1k
- 派生
- 146
- PR 合并指标
- 30 天内没有已合并 PR
环境准备
这个项目没有提供开发容器、Dockerfile 或贡献指南，环境需要你自己搭建：先看它的 README，通用步骤见我们的新手贡献指南。
从这里开始
- 先读完整个 Issue，再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库，在一个分支上完成修改。
- 提交 Pull Request，并在描述里引用这个 Issue 编号。
surface-ui/surface 的其他 Issue
-
难度 1/5 1-3 小时 新手友好度 78/100
surface-ui/surface#634 · 1 个 reaction ·
-
难度 4/5 3-5 天 新手友好度 35/100
surface-ui/surface#770 ·
-
Website is down未关闭
难度 4/5 3-5 天 新手友好度 35/100
surface-ui/surface#768 · 4 条评论 ·
-
难度 4/5 3-5 天 新手友好度 35/100
surface-ui/surface#762 · 2 条评论 · 1 个 reaction ·
-
难度 3/5 1-2 天 新手友好度 35/100
surface-ui/surface#759 · 1 个 reaction ·
查看 surface-ui/surface 的全部 Issue
相似的 Issue
-
d: medium
难度 2/5 1-3 小时 新手友好度 65/100
-
L: javascript
难度 2/5 1-3 小时 新手友好度 72/100
dependabot/dependabot-core#16744 ·
维护者通常 1 天内回复
-
难度 2/5 1-3 小时 新手友好度 68/100
-
难度 2/5 1 小时以内 新手友好度 85/100
-
难度 2/5 1-3 小时 新手友好度 78/100
elixir-ecto/tds#191 ·