Drag the Text - the final part of the sentence is not visible

Hello! I am using the H5 app for an educational website. There was a problem with the Drag the Text type of exercise. For example, if the sentence that you wanna drag to the empty field is very long, after dragging and dropping it does not appear completely. That is, the final part of this sentence is not visible (you can see only the first part and dotted lines). It's inconvenient for a user, especially when compiling tasks of the "Dialogue" format. What to do in this case? Thanks. :)

Summary: 
Drag the Text - the final part of the sentence is not visible
Content types: 
BV52's picture

Hi Elevsins,

I'm afraid Drag the Words was designed to drag and drop single words not phrases or sentences. The only way for this to work is if there are changes made to the code.

-BV

Hi BV52!

Thanks for your response!

After some research I found out it has to do with CSS overflow or text overflow property set to 'ellipsis'.

Did you mean changes in CSS? 

 

--

Elevsins

cogdog's picture

I am working with an insructor who has the same question. You can enter longer phrases as droppable words, but the zone you drop them into is a fixed and arbitrary size. You cannot address this via CSS since the H5P content is inside an iframe, you cannot select via CSS an element inside the #document 

If "Drag the Words was designed to drag and drop single words not phrases or sentences" then it should not accept them is input. Or some justification should be made as to the length of what is displayed. It's not helpful to a learner.

About the only other option is doing this is draggable images, but then you have accessibility challenges.

Attachments: 

Hello! Has any solution been found to this? This is really bad for learners!

Hello! Has any solution been found to this? This is really bad for learners!

papi Jo's picture

For anyone interested in displaying the full text of longer phrases, you might check my hacked 'papi Jo' version of Drag the words available on my Moodle site here: https://www.rezeau.org/moodle/course/section.php?id=77