Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-56669

Form labels autowrapping does not play nicely with the navdrawer (responsiveness)

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Not a bug
    • Affects Version/s: 3.2
    • Fix Version/s: None
    • Component/s: Forms Library, Themes
    • Labels:
      None

      Description

      Was playing with MDL-56188 when I detected that, with the navdrawer enabled, forms label autowrapping does something strange.

      It's like responsiveness of forms and responsiveness of the navdrawer are fighting each other.

      To reproduce:

      • Go to any big form (I tried here with forum activity settings edition).
      • With the navdrawer disabled, adjust window size horizontally. Forms responsiveness works ok, splitting (wrapping) labels and form elements properly.
      • With a small width (labels and form elements separated), go and enable the navdrawer.

      Expected:

      • The navdrawer does push the main content (form) to the right.

      Currently:

      • The navdrawer is shown overlapping the form.

      Now, with the navdrawer enabled, try making the window wider and narrower, slowly, it makes a very strange effect with form going behind the navdrawer whenever the form split happens.

      it's like the navdrawer width is not considered in order to decide the forms responsiveness (or something like that).

      Ciao

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                Unassigned
                Reporter:
                stronk7 Eloy Lafuente (stronk7)
                Participants:
                Component watchers:
                Jake Dallimore, Jun Pataleta, Bas Brands, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
              • Votes:
                0 Vote for this issue
                Watchers:
                1 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved: