I'm trying to build drag and drop activity on Storyline2. I need to add the draggable items in a scrolling panel. When I publish, the flash output works fine, but not the HTML5 output. Any ideas?!
We have an issue reported to our QA Team specifically for the HTML5 output utilizing Edge. Is this the same thing you are seeing or are you seeing in another browser? If the latter, we would want to take a look. You are welcome to share your .story file here.
I'm trying to preview the published output using the latest version of chrome. When I host the storyline output on google drive it works, but it doesn't work when I preview it locally. I've submitted a support case. Case # 00737244
Thanks for referencing your case number Ghada. I popped in to take a look and it appears that Cleo is assisting you and has filed a report with our QA Team.
I have created a drag and drop within a scroll bar, and the HTML 5 version is being buggy when published version is viewed in Chrome, IE and Firefox (more so in the latter two). It's buggy in the following way:
- A delay in the dropped items showing up in their drop location. Dragged item only shows once you click your mouse again. Drag the next item and same thing happens
My current workaround for the time-being is re-directing the student to a lighbox by clicking on a marker, allowing them to complete the drag and drop, they then close the lightbox and continue with the rest of the interactions in the slide.
Thanks for sharing your details here with the community and letting us know that you've reached out to support. I see where Abel has reached out and is assisting you. I will follow along as well.
I received a workaround from Abel. I'll share it here, just so as to help other designers:
"It appears to be happening when you add drag items and drop target into a scrolling panel in a Drag and Drop interaction. Also, this is happening when you set the snap dropped items to drop target option to "Tile, Stack Offset or Free" in Drag and Drop Options. I have submitted your case to our Quality Assurance team for their review.
As an additional workaround, you might want to consider setting the snap dropped items to drop target option to "Stack Random or Snap to center" in Drag and Drop Options."
I have applied this workaround and it allows the interaction to work, it's no longer being buggy.
Just as an additional note, I noticed that the mouse pointer does not change to a hand pointer in HTML 5, when hovering over the drag-able items. I have flagged this to Support.
Thanks for keeping us updated, and for communicating so well with our support team! I'm glad that workaround is helping you, and I'm sure it will be useful for others. :)
This workaround might not work for me as my drag and drop option is already "snap to center", but my friend noticed something. When the dragged items in a scrolling panel and the drop target outside it, the bug shows up, but when we move the drop target inside the scrolling panel it works fine. It seems that the scrolling panel cuts the connection between the draggable items and the drop target.
10 Replies
Hi Ghada!
We have an issue reported to our QA Team specifically for the HTML5 output utilizing Edge. Is this the same thing you are seeing or are you seeing in another browser? If the latter, we would want to take a look. You are welcome to share your .story file here.
Hello Leslie,
I'm trying to preview the published output using the latest version of chrome. When I host the storyline output on google drive it works, but it doesn't work when I preview it locally. I've submitted a support case. Case # 00737244
Thank you.
Thanks for referencing your case number Ghada. I popped in to take a look and it appears that Cleo is assisting you and has filed a report with our QA Team.
Yeah, I received an email, thanks. :)
Hi Guys,
Glad I came across this thread.
I am also having issues of a similar nature.
I have created a drag and drop within a scroll bar, and the HTML 5 version is being buggy when published version is viewed in Chrome, IE and Firefox (more so in the latter two). It's buggy in the following way:
- A delay in the dropped items showing up in their drop location. Dragged item only shows once you click your mouse again. Drag the next item and same thing happens
My current workaround for the time-being is re-directing the student to a lighbox by clicking on a marker, allowing them to complete the drag and drop, they then close the lightbox and continue with the rest of the interactions in the slide.
I've submitted a support case: #00790235
Hi Hafizah!
Thanks for sharing your details here with the community and letting us know that you've reached out to support. I see where Abel has reached out and is assisting you. I will follow along as well.
Hi Leslie,
Thanks for checking up :)
I received a workaround from Abel. I'll share it here, just so as to help other designers:
"It appears to be happening when you add drag items and drop target into a scrolling panel in a Drag and Drop interaction. Also, this is happening when you set the snap dropped items to drop target option to "Tile, Stack Offset or Free" in Drag and Drop Options. I have submitted your case to our Quality Assurance team for their review.
As an additional workaround, you might want to consider setting the snap dropped items to drop target option to "Stack Random or Snap to center" in Drag and Drop Options."
I have applied this workaround and it allows the interaction to work, it's no longer being buggy.
Just as an additional note, I noticed that the mouse pointer does not change to a hand pointer in HTML 5, when hovering over the drag-able items. I have flagged this to Support.
:) :)
Thanks for keeping us updated, and for communicating so well with our support team! I'm glad that workaround is helping you, and I'm sure it will be useful for others. :)
Hello all,
This workaround might not work for me as my drag and drop option is already "snap to center", but my friend noticed something. When the dragged items in a scrolling panel and the drop target outside it, the bug shows up, but when we move the drop target inside the scrolling panel it works fine. It seems that the scrolling panel cuts the connection between the draggable items and the drop target.
Hi Ghada,
As shared above it did get reported to our QA team for review, so we'll share any additional updates here.
This discussion is closed. You can start a new discussion or contact Articulate Support.