Limited Visibility of Variable Values in Static Dropdown Modal

Description:

There is an issue with the dropdown modal in the GitLab CI/CD pipeline interface, where the modal's static nature limits the visibility of variable values, especially when they are long. This affects the usability of the interface, making it difficult for users to view and select complete variable values.

Steps to Reproduce:

  • Edit the .gitlab-ci.yml file to include variables with long values, as shown in the example below:
variables:
  DEPLOY_ENVIRONMENT:
    value: "STAGING DEPLOY_ENVIRONMENT_VERSION_1.245"
    options:
      - "STAGING DEPLOY_ENVIRONMENT_VERSION_1.245"
      - "PREPROD DEPLOY_ENVIRONMENT_VERSION_1.245"
      - "PRODUCTION DEPLOY_ENVIRONMENT_VERSION_1.245"
    description: "The deployment target. Set to 'staging' by default."
  • Save the changes to the .gitlab-ci.yml file.
  • Navigate to the 'Build -> Pipelines' page to create a new pipeline.
  • In the variables section of the new pipeline, click on the dropdown for DEPLOY_ENVIRONMENT.

Expected Behavior:

The dropdown modal should dynamically adjust its size to accommodate the length of the variable values, ensuring full visibility and readability.

Actual Behavior:

The dropdown modal remains static in size, not adapting to the length of the variable values. This results in limited visibility, making it difficult to view and select the entire value. Screenshot_2023-11-20_at_10.24.40_AM

This issue impacts the user experience by restricting the visibility of variable values, especially those that are lengthy, potentially leading to errors or confusion during pipeline configuration.

Adjust the dropdown modal in the CI/CD pipeline interface to be dynamic, allowing it to expand or contract based on the length of the variable values displayed. This change will enhance usability and ensure that users can easily view and select the desired values.