Visual issue: buttons on top of progress bar

otacke's picture

There may be an issue with JoubelUI or H5P-Question, probably CSS related. I have not yet looked into it. If the horizontal space is small and the feedback message long enough to cause a line break, then the buttons may be put on top of the progress bar.

  1. Steps to recreate the bug
    Have a look at https://h5p.test.schulcloud-thueringen.de/node/117359 or create your own content type with a quite long feedback message and then make the horizontal space smaller, e.g. by resizing the window.
  2. Platform you're using: Drupal, Wordpress, Moodle (version number would be helpful as well)
    Drupal 7 in the case of h5p.test.schulcloud-thueringen.de, also found on Wordpress 4.8
  3. Mobile or Desktop
    Desktop and mobile (depending on screen width)
  4. Browser: Chrome, Firefox, Safari etc
    Confirmed on Chrome, Firefox and IE (Desktop) and Safari (mobile)
  5. H5P plugin version
    Whatever you are using on h5p.test.schulcloud-thueringen.de, latest version of Wordpress plugin
  6. H5P content type version
    e.g. the latest version of Multiple Choice or Fill in the Blanks
  7. Screenshots if it's a visual problem
    please find a screenshot attached to this post
icc's picture

Thank you for reporting this, I've created an issue for getting it fixed: HFP-1523