RocketChat / RocketChat/Rocket.Chat
Blank screen when Scrolling or Uncollapsing
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 46.1k
- Forks
- 13.9k
- Avg merge
- 3d 3h
- Merged PRs (30d)
- 130
Description
Description:
Blank Page when scrolling up or Uncollapsin.
We receive alert messages from prometheus in an alert channel which are collapsed.
When trying to collapse the page goes blank
Steps to reproduce:
Navigate to alert Channel and try to Uncollapse alert message.
Scroll up in history in any channel
Actual behavior:
Screen goes blank
Server Setup Information:
Version of Rocket.Chat Server: 4.1.2
Deployment Method: Kubernetes
Number of Running Instances: 1
NodeJS Version: v12.22.1
MongoDB Version: 4.4.6 / unknown (oplog Enabled)
Relevant logs:
There is nothing related in logs.
Developer Console Chrome:
4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604 TypeError: Cannot read properties of undefined (reading 'replace')
at eval (/client/components/Message/Attachments/DefaultAttachment.tsx:1)
at Array.map (<anonymous>)
at k (/client/components/Message/Attachments/DefaultAttachment.tsx:1)
at Sa (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at di (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at Fs (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at ef (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at Qs (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at Xs (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at $s (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
Ti @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Ri.t.callback @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Mc @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Li @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
nf @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
t.unstable_runWithPriority @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:622
pc @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
tf @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
$s @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
(anonymous) @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
t.unstable_runWithPriority @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:622
pc @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
_c @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
gc @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Me @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
it @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604 Uncaught TypeError: Cannot read properties of undefined (reading 'replace')
at eval (/client/components/Message/Attachments/DefaultAttachment.tsx:1)
at Array.map (<anonymous>)
at k (/client/components/Message/Attachments/DefaultAttachment.tsx:1)
at Sa (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at di (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at Fs (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at ef (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at Qs (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at Xs (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
at $s (4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604)
eval @ /client/components/Message/Attachments/DefaultAttachment.tsx:1
k @ /client/components/Message/Attachments/DefaultAttachment.tsx:1
Sa @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
di @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Fs @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
ef @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Qs @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Xs @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
$s @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
(anonymous) @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
t.unstable_runWithPriority @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:622
pc @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
_c @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
gc @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
Me @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
it @ 4570baead5d2268f7b1b9130e7a3050a0f9cb32a.js?meteor_js_resource=true:604
[Violation] 'click' handler took 359ms
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with client/components/Message/Attachments/DefaultAttachment.tsx and reproduce the blank screen by uncollapsing a Prometheus alert or scrolling through channel history. Use the reported undefined replace error as the starting point. Done means these actions no longer blank the page and attachment messages render without the reported console exception.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Clearly specified
- Newbie friendliness
- 48/100