Uploaded image for project: 'Moodle app'
  1. Moodle app
  2. MOBILE-2535

Cannot see the full text of each option in selects

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.5.1
    • Fix Version/s: 3.5.2
    • Component/s: Ionic
    • Labels:
    • Sprint:
      Moodle Mobile 3.5.2

      Description

      If you have a select whose options have some long text, that text cannot be seen in the Mobile app, it is truncated (see screenshot). The screenshot below was taken in a lesson, but it also happens in other places (probably all selects).

      IMO we should add "white-space: normal" to all select popovers by default, and allow disabling it using a custom class. The class can be set like this:

      <ion-select [selectOptions]="{cssClass: 'core-no-text-wrap'}">

      It'd also be nice if the popovers could be wider if needed, right now they're pretty narrow. This can be tricky because the popover position is calculated depending on the ion-select position.

        Attachments

          Activity

            People

            • Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

              Dates

              • Created:
                Updated:
                Resolved:
                Fix Release Date:
                10/Sep/18

                Time Tracking

                Estimated:
                Original Estimate - 2 hours
                2h
                Remaining:
                0m
                Logged:
                Time Not Required
                Not Specified