[Bug]: Quick Reaction only shows one emoji in "Followed Threads" view · mattermost/mattermost#34545

(3 comments) (0 reactions) (1 assignee)TypeScript (32,880 stars) (7,823 forks)batch import

Help Wanted

Description

Before you file a bug report

I have checked the issue tracker and have not found an issue that matches the one I'm filing.
This issue is not a troubleshooting question. Troubleshooting questions go here: https://forum.mattermost.com/c/trouble-shoot/16.
This issue is not a feature request. You can request features and make product suggestions here: https://mattermost.uservoice.com/forums/306457-general/.
This issue reproduces on one of the currently supported server versions.
I have read the contribution guidelines and the Mattermost Handbook Contribution Guidelines.

Mattermost Server Version

Server Version: 11.2.0 Load Metric: 3 Database Schema Version: 146 Build Number: 19491613547 Database: postgres

Operating System

macos

Steps to reproduce

Navigate to the "Followed Threads" view.
Hover over a message.

Expected behavior

The quick reaction menu should display multiple emojis in the "Followed Threads" view when the thread width allows it.

Observed behavior

Only one emoji is shown in the "Followed Threads" view

Log Output

Additional Information

When hovering over a message in a thread, the quick reaction (emoji) menu displays multiple options depending on the thread width. However, in the "Followed Threads" view, only one emoji is available, even though the thread width is large enough to display multiple options.

Screenshot comes from my local build but it's reproductible on Community.

Channel View

Followed Threads View

Contributor guide

Tech stack: typescriptreactcss
Domain: frontend
Issue type: bug
Difficulty: 3
Estimated time: 1-3 hours
Activity status: blocked
Clarity: clear
Prerequisites: React component lifecycleCSS layout basicsMattermost UI component structure
Newbie friendliness: 40
Research direction: The bug is in the 'Followed Threads' view where only one emoji appears in the quick reaction menu, while the Channel view shows multiple. The issue likely resides in the QuickReaction component or its parent ThreadView. Compare the CSS/layout logic between ChannelView and ThreadView to find a missed condition. Check if any width calculation or overflow handling differs. Review the ThreadView component at components/thread view/ and the QuickReaction component at components/quick reaction/. Look for recent changes that might have introduced the bug.