wordplaydev / wordplay

An accessible, language-inclusive programming language and IDE for creating interactive typography on the web.
Other
55 stars 16 forks source link

Drag and Drop Code Snippets from Tutorial not Working #466

Closed elianna-b closed 1 month ago

elianna-b commented 1 month ago

Description:

Expected Behavior

In the tutorial, when prompted to type code, there is an option to drag and drop code snippets into the IDE. The code is highlighted in blue with ' ' surrounding the prompt. The user can hover over it, and it is highlighted with the cursor changing to the drag icon. The user should then be able to click, hold, drag the snippet into the IDE, and have it pasted there.

Actual Behavior

  1. Go to Tutorial: Program 6/11.
  2. Hover over the blue 'hello' code in the tutorial text.
  3. The text is highlighted and the cursor changes to the grab icon.
  4. Error: Attempting to hold and drag the snippet does not work. The snippet cannot be dragged or dropped into the IDE, resulting in a loop of clicking without functionality.

Screenshots

Tutorial Page Overview: Tutorial Page Overview

Hover Feedback: Hover Feedback

Click Feedback: Click Feedback

There is no dragging and dropping functionality displayed, although this feature is intended to exist.

Environment

Design Specification

No new design needed, this is a bug fix.

amyjko commented 1 month ago

Thanks for reporting! I'm grabbing this one, it'll be an easy fix.