RocketChat / RocketChat/Rocket.Chat

Blank screen when Scrolling or Uncollapsing

Open
#23,783 6 comments 0 reactions 0 assignees View on GitHub

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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.