Border around embedded apps appears by dragNdrop on websites
I embed my geogebra apps in my websites using cdn.geogebra.org/apps/deployggb.js with div id="applet_container1" in html. Works fine.
But on dragstart of an html-element, the embedded apps get a black border. On dragover over the apps the border turns to red. Also the cursor shows “drop” on the whole <body>, where it should show “not-allowed”-sign. (tested with firefox, chrome, edge on windows)
See example (drag the cards!):
How can I avoid this? (I don’t want to drop anything on the apps.)
The embedded apps should behave like the <img>s in this example (drag the cards!):
Thanks for help!
P.S.: By embedding apps with iframe the border doesn’t appear, but the “showFullscreenButton” doesn’t work. But that’s another problem…