text alignment bug in the Drag & Drop activity

papi Jo's picture

There is an easily fixed bug in the text elements of the Drag & Drop activity, both in edit and view modes.

Easy fix is to remove line text-align: center; in the following 2 places:

H5PEditor.DragQuestion-1.9 / H5PEditor.DragQuestion.css line 128 .h5p-dq-element.h5p-draggable

and 

H5P.DragQuestion-1.11 / css /dragquestion.css line 61 .h5p-dragquestion .h5p-draggable

See attached screenshots BEFORE and AFTER the fix. It's strange that this (small but noticeable) bug has gone un-noticed for so long.

 

Content types: 
BV52's picture

Hi papi Jo,

Thank you for reporting this. Would you care to share a sample content with the bug I can't seem to reproduce this on my end. Also where may I know where you created the content.

-BV52

papi Jo's picture
BV52's picture

Hi papi Jo,

I should have noticed the colors earlier. It looks like the issue is not present if there are no drop zones enabled for the draggables. Thank you for clearing that up. I have created a bug report and you follow it here.

-BV52

Just wondering about this bug. If text in drag the words examples could be left aligned they could be used for "parsons problems". These are a great tool in teaching programming. As it is where everything is forced to be centered with no way of over-riding - it renders it useless for teaching people to code where alignment and indentation are everything. I realise that there is a worry that existing content would become left-aligned but I really doubt people would mind that much - that's just an aesthetic issue. The teaching programming thing is a functionality point. Form should follow function.