Keypress exclusive issue

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/keypress/2.1.4/keypress.js"></script>
  </head>

  <body>

    <pre>
      Try combos 'n' and '* n'
      
      Why does 'n' fire when '* n' is pressed?
    </pre>
    
    
    <script>
      document.addEventListener("DOMContentLoaded", function() {
        var listener = new window.keypress.Listener();  
        
        listener.register_combo({
          keys: "* n",
          on_keydown: function() {
            var div = document.createElement("div");
            div.textContent = "pressed * n";
            document.body.appendChild(div);
          },
          is_exclusive: true,
          is_sequence: true
        })
        
        listener.register_combo({
          keys: "n",
          on_keydown: function() {
            var div = document.createElement("div");
            div.textContent = "pressed n";
            document.body.appendChild(div);
          },
          is_exclusive: true
        })
        
      })
    </script>
    
  </body>

</html>

// Code goes here

/* Styles go here */