text alignment bug in the Drag & Drop activity

Submitted by papi Jo on Sat, 03/03/2018 - 18:22
papi Jo's picture
Forums: 
Bugs in content types

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.

 

Attachments: 
Image icon 2018-03-03_18-10-29.jpg
Content types: 
Drag and Drop
BV52's picture

BV52

Sun, 03/04/2018 - 16:31

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

papi Jo

Sun, 03/04/2018 - 17:14

See this example: https://h5p.org/node/195848

BV52's picture

BV52

Mon, 03/05/2018 - 03:59

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

eokenned

Wed, 11/29/2023 - 18:47

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.