Add size hint attribute to open gaps

src/gapfill-open.js

@@ -44,6 +44,10 @@ export const gapfillOpenWidget = {
                 // It's a gap
                 // Create the <input> element
                 segmentElem = gapTemplate.cloneNode(true);
+                // Add the size attribute if present
+                if (segment.hasOwnProperty("size")) {
+                    segmentElem.setAttribute("size", segment.size);
+                }
                 segmentElem.setAttribute("data-index", nbGaps); // The node knows its index
                 // Add listener to update the question's value when the input value changes
                 segmentElem.addEventListener("change", (e) => {

src/json.js

@@ -44,9 +44,15 @@ export const json = {
             title: "Open-ended gapfill",
             segments: [
                 "Lorem ",
+                {size: 5}, // gaps can have a "size" attribute to hint how many characters are expected
+                " dolor sit ",
                 {},
-                " dolor sit amet [...]"
-            ], correctAnswer: ["ipsum"]
+                ", consectetur adipiscing elit [...]"
+            ],
+            correctAnswer: [
+                "ipsum",
+                "amet"
+            ]
         }
     ]
 };
\ No newline at end of file