Fix for issue https://project.math.uzh.ch/issues/3076

javascript/src/QfqRecordList.js

@@ -38,7 +38,7 @@ var QfqNS = QfqNS || {};
     };
 
     n.QfqRecordList.prototype.handleDeleteButtonClick = function (event) {
-        var $eventTarget = $(event.target);
+        var $eventTarget = $(event.delegateTarget);
         var $recordElement = this.getRecordElement(event.target);
 
         if ($recordElement.length !== 1) {

mockup/recordlist.html

@@ -25,11 +25,16 @@
         <th></th>
     </tr>
 
+    <!--
+
+    Please note: The text is enclosed in <span/> tags to simulate the real world deployment. Buttons are mostly used
+    with <span/> tags to display icons on them. Seldom do they only contain text.
+    -->
     <tr class="record">
         <td>1</td>
         <td>a</td>
         <td>
-            <button data-sip="1" class="record-delete">Delete</button>
+            <button data-sip="1" class="record-delete"><span>Delete</span></button>
         </td>
     </tr>
 
@@ -37,7 +42,7 @@
         <td>2</td>
         <td>b</td>
         <td>
-            <button data-sip="2" class="record-delete">Delete</button>
+            <button data-sip="2" class="record-delete"><span>Delete</span></button>
         </td>
     </tr>
 
@@ -45,7 +50,7 @@
         <td>3</td>
         <td>c</td>
         <td>
-            <button data-sip="3" class="record-delete">Delete</button>
+            <button data-sip="3" class="record-delete"><span>Delete</span></button>
         </td>
     </tr>
 
@@ -53,7 +58,7 @@
         <td>4</td>
         <td>d</td>
         <td>
-            <button data-sip="4" class="record-delete">Delete</button>
+            <button data-sip="4" class="record-delete"><span>Delete</span></button>
         </td>
     </tr>
 </table>
@@ -67,7 +72,7 @@
     $(function () {
         'use strict';
 
-        var qfqRecordList = new QfqNS.QfqRecordList('api/' + $("#deleteTo").val())
+        var qfqRecordList = new QfqNS.QfqRecordList('api/' + $("#deleteTo").val());
 
         $("#deleteTo").on("change", function (evt) {
             qfqRecordList.deleteUrl = 'api/' + $(evt.target).val();