# Bug OP-17921 - On mobile, list of names for mentions spills out of screen if some names are long

Project: OpenProject
Status: closed
URL: https://community.openproject.org/work_packages/OP-17921

## Open points

_No work packages_

## Details

| Attribute | Value |
| --- | --- |
| Date |  |
| Priority | Medium |
| Module | Modules and project features / Comments and activity, Frontend components and Primer design system |
| Target versions | 16.6.0 |
| Observed in versions | 16.5.0 |
| Sprint | 16.6.0 |
| Backlog bucket |  |
| Bug found in version (deprecated) | 16.5.x |
| Found in mobile app version |  |
| Follow-up feedback e-mail |  |
| Requires doc change | No |
| Accessibility | No |
| Pull preview |  |
| List |  |
| Labels |  |

## People

| Attribute | Value |
| --- | --- |
| Assignee |  |
| Accountable |  |
| Product manager |  |
| Developers | Behrokh Satarnejad |
| Designer |  |
| Ordered by |  |
| Signed off by |  |
| Interest by |  |

## Planning

| Attribute | Value |
| --- | --- |
| Relevance |  |

## Costs

| Attribute | Value |
| --- | --- |
| Votes |  |
| Work |  |
| Labor costs |  |

## Description

### Steps to reproduce

1.  Be on mobile, any screen size
    
2.  Login as a user with WP and mention permissions
    
3.  Go to a project with members who have long names
    
4.  Go to any WP and start mentioning with `@`
    

### What is the buggy behaviour?

*   Names list spills out of screen
    
    <br>
    

### What is the expected behaviour?

1.  Names list stays on screen
    

###   

### Screenshots and other files

<img class="op-uc-image op-uc-image_inline" src="/api/v3/attachments/785783/content">

### Environment information

**OpenProject version**

Core build

[ec739cabcbabffb3f03d03ddb6fa3963083ba92f](https://github.com/opf/openproject/commits/ec739cabcbabffb3f03d03ddb6fa3963083ba92f)

Product version

[4306063c40b4c7c2b944868849081344a365fb0f](https://github.com/opf/saas-openproject/commits/4306063c40b4c7c2b944868849081344a365fb0f)

Core version

OpenProject 16.5.0

**Browser**

*   [ ] Chrome
*   [ ] Firefox
*   [x] Safari
*   [ ] Mobile Safari
*   [ ] Other (please specify)

**Operating System**

*   [ ] Windows
*   [ ] Mac OS X
*   [x] Mobile iOS 18.6/iPhone 14
*   [ ] Mobile Android
*   [ ] Linux (please specify distro)
*   [ ] Chrome OS
*   [ ] Other (please specify)