Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-119830

Multiple Select Option Text Overlaps Button

Details

    • Bug
    • Status: Closed
    • Resolution: Fixed
    • 7.2.10 DXP FP5, 7.2.X
    • 7.2.X
    • Forms
    • None
    • 3
    • Forms_7.3_32

    Description

      Description: select from list doesn't have proper text wrap, text overlaps the cancel 'x' button. 

      Steps to reproduce:

      1. Create a form: 
        1. Content & Data > Forms > New Form (blue + button)
        2. Title form anything you want (i.e Test) 
      2. Add a Select From List field
        1. For option, type something very long (i.e. "super long option test super long option test super long option test"
        2. Open the advanced tab for the field, check 'Allow multiple selections'
      3. Publish form
      4. Copy URL (top right corner link icon) and open in new window 
      5. Select the "super long option" from the select field

       Expected: text wraps and can read the option fully.

       Actual: text overlaps the 'x' button and is cut off.

      Note: seems that the `white-space` CSS option is causing the issue. 

      Attachments

        Issue Links

          Activity

            People

              cleyton.magalhaes Cleyton Magalhaes (Inactive)
              ekaterina.nesterovich Ekaterina Nesterovich (Inactive)
              Kiyoshi Lee Kiyoshi Lee
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                2 years, 30 weeks, 1 day ago

                Packages

                  Version Package
                  7.2.X