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

Submitted by Elevsins on Mon, 07/06/2020 - 16:58
Forums: 
Bugs in content types

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. :)

Attachments: 
Image icon Drag the Text_question.png
Summary: 
Drag the Text - the final part of the sentence is not visible
Content types: 
Drag the Words
BV52's picture

BV52

Mon, 07/06/2020 - 19:00

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

Elevsins

Tue, 07/07/2020 - 12:53

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

cogdog

Thu, 11/26/2020 - 15:13

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: 
Image icon drag-the-words.jpg