[Bug] : The status-setting view is cropped on small screens, preventing users from seeing all options. · mattermost/mattermost#34839

2026-01-02T16:32:04.000Z

### Before you file a bug report - [x] I have checked the [issue tracker](https://github.com/mattermost/mattermost/issues) and have not found an issue that matches the one I'm filing. - [x] This issue is not a troubleshooting question. Troubleshooting questions go here: https://forum.mattermost.com/c/trouble-shoot/16. - [x] This issue is not a feature request. You can request features and make product suggestions here: https://mattermost.uservoice.com/forums/306457-general/. - [x] This issue reproduces on one of the [currently supported server versions](https://docs.mattermost.com/about/mattermost-server-releases.html#latest-releases). - [x] I have read the [contribution guidelines](https://github.com/mattermost/mattermost/blob/master/CONTRIBUTING.md) and the [Mattermost Handbook Contribution Guidelines](https://handbook.mattermost.com/contributors/contributors/guidelines/contribution-guidelines). ### Mattermost Server Version Server Version: 11.3.0 (FIPS) Load Metric: 4 Database Schema Version: 148 Build Number: 20580986210 Database: postgres ### Operating System macos 26 ### Steps to reproduce 1. Set a status. 2. On a small screen with width < 768px, open the sidebar. 3. Click on your status icon to edit it. 4. Click on “Clear after”. ### Expected behavior The dropdown options should be fully visible and correctly positioned on all screen widths, as there is enough space on the screens to display them. ### Observed behavior At 768px, the dropdown options are misaligned, and below ~650px they are completely cropped and unusable. ### Log Output ```shell ``` ### Additional Information _No response_

(4 评论) (0 反应) (1 负责人)TypeScript (32,880 star) (7,823 fork)batch import

Help Wanted

描述

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.3.0 (FIPS) Load Metric: 4 Database Schema Version: 148 Build Number: 20580986210 Database: postgres

Operating System

macos 26

Steps to reproduce

Set a status.
On a small screen with width < 768px, open the sidebar.
Click on your status icon to edit it.
Click on “Clear after”.

Expected behavior

The dropdown options should be fully visible and correctly positioned on all screen widths, as there is enough space on the screens to display them.

Observed behavior

At 768px, the dropdown options are misaligned, and below ~650px they are completely cropped and unusable.

Log Output

Additional Information

No response

贡献者指南

技术栈: reacttypescript
领域: frontend
议题类型: bug
难度: 3
预计时间: 1-3 hours
活动状态: blocked
清晰度: clear
前置要求: CSSReact
新手友好度: 60
研究方向: The issue is a CSS layout bug in the status setting view that causes dropdown options to be cropped on small screens. The fix should involve inspecting the component responsible for the status dropdown (likely in the sidebar) and adjusting CSS properties related to overflow, positioning, or max height. Since the issue has an assignee, coordinate with them before implementing changes.