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 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, 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, 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