diff --git a/demo/details.html b/demo/details.html
index e6c23a69b..45a5b4148 100644
--- a/demo/details.html
+++ b/demo/details.html
@@ -151,7 +151,7 @@ <h3>Row details</h3>
           var detailsOpenIndex = -1;
 
           // Show details for the selected row
-          grid.addEventListener('select', function() {
+          grid.addEventListener('selected-items-changed', function() {
             grid.setRowDetailsVisible(detailsOpenIndex, false);
             var selected = grid.selection.selected();
             if (selected.length == 1) {