Drop downs exceding field width #4509

New issue

Open

opened 2026-02-20 16:18:32 -05:00 by deekerman · 0 comments

deekerman commented

2026-02-20 16:18:32 -05:00

Owner

Originally created by @duncanf95 on GitHub (Mar 23, 2021).

If you create custom dropw down options and one of those options has a text length that is longer than the container for the drop down, the drop down will exceed the regular field width.

Issue

This is not an issue with core drop downs, it is only is special customisation cases where drop down options have very long text values. The overflow is an issue for those customising the instance, although it may seem user friendly to dispay alll info in the drop down the field can cover other information and make views hard to read.

The drop down will exceed it's conainter width if the text value exceeds the container width

Expected Behavior

The drop down should only show the full length of the text when selecting options, not when option has been selected

Actual Behavior

The drop down overflows the container

Possible Fix

I have a fix that I will make a pull request for, it is a fairly simple case of adding a line to the css to limit the length of select elements

Steps to Reproduce

go to the drop down editior
add new option with a very long text value
view drop down in edit view of chosen module
the drop down overflows and is longer than the other fields

Context

it has affected me trying to customise suitecrm

Your Environment

SuiteCRM Version used: 7.10.29
Chrome 89.0.4389.90
Environment name and version (e.g. MySQL, PHP 7): PHP 7.4, mariaDB
Operating System and version (e.g Ubuntu 16.04): ubuntu 20.04

Originally created by @duncanf95 on GitHub (Mar 23, 2021). If you create custom dropw down options and one of those options has a text length that is longer than the container for the drop down, the drop down will exceed the regular field width. #### Issue This is not an issue with core drop downs, it is only is special customisation cases where drop down options have very long text values. The overflow is an issue for those customising the instance, although it may seem user friendly to dispay alll info in the drop down the field can cover other information and make views hard to read. The drop down will exceed it's conainter width if the text value exceeds the container width #### Expected Behavior The drop down should only show the full length of the text when selecting options, not when option has been selected #### Actual Behavior The drop down overflows the container #### Possible Fix I have a fix that I will make a pull request for, it is a fairly simple case of adding a line to the css to limit the length of select elements #### Steps to Reproduce 1. go to the drop down editior 2. add new option with a very long text value 3. view drop down in edit view of chosen module 4. the drop down overflows and is longer than the other fields #### Context it has affected me trying to customise suitecrm #### Your Environment * SuiteCRM Version used: 7.10.29 * Chrome 89.0.4389.90 * Environment name and version (e.g. MySQL, PHP 7): PHP 7.4, mariaDB * Operating System and version (e.g Ubuntu 16.04): ubuntu 20.04