jclic 2.1.25 → 2.2.0

package/src/activities/text/TextActivityBase.js

@@ -264,7 +264,7 @@ export class TextActivityBasePanel extends ActivityPanel {
 
               // Catch on-demand popups with `F1`, cancel with `Escape`
               if ($popup !== null && target.infoMode === 'onDemand') {
-                $span.keydown(ev => {
+                $span.on('keydown', ev => {
                   if (ev.key === target.popupKey) {
                     ev.preventDefault();
                     this.showPopup($popup, target.popupMaxTime, target.popupDelay);
@@ -374,7 +374,7 @@ export class TextActivityBasePanel extends ActivityPanel {
 
     const prevScreenEnd = () => {
       this.showingPrevScreen = false;
-      this.$div.unbind('click');
+      this.$div.off('click');
       if (this.prevScreenTimer) {
         window.clearTimeout(this.prevScreenTimer);
         this.prevScreenTimer = null;
@@ -432,7 +432,7 @@ export class TextActivityBasePanel extends ActivityPanel {
       this.$checkButton.prop('disabled', true);
     this.targets.forEach(t => {
       if (t.$comboList)
-        t.$comboList.attr('disabled', true);
+        t.$comboList.prop('disabled', true);
     });
     this.showPopup(null);
     super.finishActivity(result);

package/src/activities/text/WrittenAnswer.js

@@ -464,7 +464,7 @@ export class WrittenAnswerPanel extends ActivityPanel {
     if (bx)
       this.currentCell = bx.idLoc;
     this.$textField.val('');
-    this.$textField.focus();
+    this.$textField.trigger('focus');
     this.invalidate().update();
     if (bx)
       bx.playMedia(this.ps, delayedActions);
@@ -491,7 +491,7 @@ export class WrittenAnswerPanel extends ActivityPanel {
 
           // Avoid clicks on the text field
           if (this.bgB.contains(p)) {
-            this.$textField.focus();
+            this.$textField.trigger('focus');
             break;
           }
 

package/src/activities/textGrid/CrossWord.js

@@ -154,7 +154,7 @@ export class CrossWordPanel extends ActivityPanel {
       'background-image': `url(${type === 'acrossClues' ? this.hIcon : this.vIcon})`,
       'background-repeat': 'no-repeat',
       'background-position': 'center',
-      'border-radius': 6,
+      'border-radius': '6px',
       'z-index': 10
     }).on('click', () => {
       this.advance = type === 'acrossClues' ?
@@ -247,7 +247,7 @@ export class CrossWordPanel extends ActivityPanel {
       this.setAndPlayMsg('initial', 'start');
       this.invalidate().update();
       this.$div.attr("tabindex", 0);
-      this.$div.focus();
+      this.$div.trigger('focus');
       this.playing = true;
     }
   }

package/src/boxes/ActiveBox.js

@@ -723,9 +723,9 @@ export class ActiveBox extends AbstractBox {
         disabled = this.isInactive() && !this.accessibleAlwaysActive;
       this.$accessibleElement = $('<button/>', {
         tabindex: disabled ? -1 : 0,
-        id: `AE${id}`,
-        disabled: disabled
+        id: `AE${id}`
       })
+        .prop('disabled', disabled ? true : null)
         .html(this.toString())
         .on('click', ev => {
           // Check if event was produced by a mouse click

package/src/skins/Skin.js

@@ -735,10 +735,8 @@ export class Skin extends Container {
    * @param {boolean} enabled
    */
   setEnabled($object, enabled) {
-    if ($object && enabled)
-      $object.removeAttr('disabled');
-    else if ($object)
-      $object.attr('disabled', true);
+    if ($object)
+      $object.prop('disabled', enabled ? null : true);
   }
 
   /**