[BUG] Discussions and Threads not showing in Safari

[azhaubassar]

Description:

Discussions and Threads not showing when opened from the channel in Safari.

Steps to reproduce:

1. Go to https://open.rocket.chat
2. Open any channel which contains discussions or threads.
3. Open the discussions or threads(at the top right toolbar).

Expected behavior:

Discussions and threads in the channel should appear in Safari, Chrome, Firefox, and other browsers.

Actual behavior:

Discussions and threads don't appear in Safari. But appear in Chrome, Firefox. Safari - left side, Chrome - right side

Server Setup #Information:

• Version of Rocket.Chat Server: 3.11.0-rc.2
• Operating System: macOS Catalina 10.15.5
• Deployment Method:
• Number of Running Instances: -
• DB Replicaset Oplog: -
• NodeJS Version: -
• MongoDB Version: -

Client Setup Information

• Desktop App or Browser Version: 3.11.0-rc.2
• Operating System: macOS Catalina 10.15.5

Additional context

Relevant logs:

[Kartik18g]

Working on it

[Kartik18g]

@azhaubassar on digging in i found that the problem is with "Virtuoso" the library that's used here for the sidebar. react-virtuoso discussions according to the discussion here, virtuoso doesn't support data attribute on safari, I'm working on a workaround though.