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

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

    XMLWordPrintable

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Not a bug
    • 3.2
    • None
    • Forms Library, Themes
    • 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

              Unassigned Unassigned
              stronk7 Eloy Lafuente (stronk7)
              David Woloszyn, Huong Nguyen, Jake Dallimore, Meirza, Michael Hawkins, Raquel Ortega, Safat Shahin, Stevani Andolo, Huong Nguyen, Bas Brands, Mathew May, Amaia Anabitarte, Carlos Escobedo, Laurent David, Mikel Martín Corrales, Sabina Abellan, Sara Arjona (@sarjona)
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: