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

Cannot see the full text of each option in selects

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.5.2
    • 3.5.1
    • Ionic
    • Moodle Mobile 3.5.2

      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.

            pferre22 Pau Ferrer
            dpalou Dani Palou
            Dani Palou Dani Palou
            Juan Leyva Juan Leyva
            Berta Maroto Berta Maroto
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated:
              Resolved:

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

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.