Forum Discussion
Trouble getting Storyline 360 drag and drop working on mobile device
Hello,
My drag and drop interaction works just fine on the desktop. When I attempt to use it on my iPhone running iOS 16.5.1, the objects won't move to the targets.
Can you give this a try?
https://360.articulate.com/review/content/e721b8f8-f7e9-4212-a198-6970d3784678/review
Thank you,
- Tom
- Jürgen_Schoene_Community Member
here some tests with your file
- removes all trigger for result layer: drag problem not solved
- reduced drag from 12 -> 1: drag problem not solved
- reduced drop from 12 -> 1: drag problem not solved
- reduced drop from 12 -> 0: drag problem not solved
- removed trigger for layer instructions: drag problem not solved !!!I have reduced the example to simple drag & drop
https://360.articulate.com/review/content/a31775a5-e519-4b5a-a084-befdd4aeba9a/review
result on IPadOS 16.5.1 (c)
(1) rect to svg => OK
(2) svg to scg => dd broken
(3) open the svg in Illustrator, copy -> paste in storyline + resize (.emf) => dd OK
(4) emf -> ungroup (freeform) => dd broken (after resize sometimes possible to drag)
(5) svg with mouse right click "Replace Picture" png => dd OK(same result with a drop rectangle instead of drop svg)
result on Windows -> OK
=> svg and emf (ungrouped) is not working on current iOS/iPadOS*
*on Safari, Chrome, Firefox - there is only ONE browser engine on iOS/iPadOS allowed
- TomRydbergCommunity Member
Wow, this is really great work Jürgen! At least you found possible workarounds for this issue. Greatly appreciated!!
It looks like Storyline published output is having trouble with the SVG file format when it comes to drag and drop on mobile devices. I'll use either EMF or PNG formats.
Thanks again!
- Jürgen_Schoene_Community Member
emf and png are not really a workaround - the sensitive area for the drag element is the whole rectangle - not the visible shape, like in the SVG
it is a pity that emf (ungrouped) only works sometimes (never at start) - here the sensitive area is like svg
I have opened a support case (#03755853)
- TommiOjalaCommunity Member
I see the same. Works fine on desktop, does not work on iPhone (iOS 16.5.1). I tested it both with Safari and Chrome.
But I have no ideas on how to make it work.
- Jürgen_Schoene_Community Member
just tested with iPadOS 16.5 -> same problem
please upload the .story file here in the forum as attachment, then i will take a closer look at the problem
- TomRydbergCommunity Member
Thanks for testing this Jürgen and Tommi. I've attached the Storyline file.