Steps to reproduce

===============

1. Use Firefox.
2. Create a new quiz. Give it a name (e.g. "A Quiz"). Save and Display.
3. Edit Quiz and Add a New Question. Choose Drag and Drop onto Image.
4. Give the question a name (e.g. "Drag-and-Drop Image Question").
5. Give the question some text (e.g. "Drag the hand to the coffee mug handle.")
6. Upload mug.jpg as the Background Image.
7. In Draggable Items, upload hand.jpg.
8. Save Changes and Continue Editing.
9. In Drop Zones, set {Left: 340, Top: 160, hand.jpg).
10. Save Changes.
11. Attempt the quiz.
12. (Quiz Question Page) Positioning of hand.jpg item is fine on initial page load.
13. Refresh the page. Positioning of item is no longer fine (not centered).
14. Resize the window. The item will jump to where it's supposed to be.
15. Refresh the page. Positioning of item is no longer fine (not centered).
16. If you drag the item slightly and let go, the item jumps to the correct position.
17. Drag the hand.jpg item to the mug.jpg answer position.
18. Click Finish Attempt, and Submit All to Finish.
19. (Quiz Review Page) On initial page load, the hand.jpg is sometimes in the wrong position on quiz review page.
20. Refresh the page. Positioning of the item is no longer fine (slightly offset from answer position).
21. Resize the window. The item will jump to where it's supposed to be.
22. (Any Quiz Page) Toggle the Boost drawer menu. The answer box position moves with the drawer and is hence not positioned where it's supposed to be.

Actual result
==========

Behavior:

• Quiz items in Drag-and-Drop-Onto-Image questions always have incorrect positions on page refresh (and sometimes on initial load of the quiz review page) (using Firefox).
• Quiz items' answer box positions are incorrect when the Boost drawer is opened/closed.

Expected result
============

Quiz items and their answer boxes should have consistent positions and not be misaligned with what was set in the question settings.

Other points
==========

• Possibly related issue: MDL-58260
• A hard refresh (Shift-Refresh) will always load items and the answer boxes in the right position.
• A temporary fix would be to add this to your jQuery:

$(window).bind("load", function() {

    $(window).trigger("resize");

});