Push.jsでPush通知の複数表示、複数表示したときのリンクの挙動が分かりません。

Question

Push.jsとSpring boot2(thymeleaf)を使って次のことが実現したいのですが、うまくいきません。
有識者の方、ご教授願います。
環境は、Spring boot2、Push.js 0.0.11、jquery 3.5.1.min、OSはMac、ブラウザはChromeです。

1. Push通知は表示されるがクリックした時、一度目は同じタブに指定したURLが表示されるが、２度目は別のタブに指定したURLとは別の画面が表示される。（トップ画面）
2. Push通知が一個しか表示されず、Push通知の詳細をみたら二つ表示されています。（２個同時Push通知を表示させる方法が分かりません）

<script
  src="https://cdnjs.cloudflare.com/ajax/libs/push.js/1.0.12/push.min.js"></script>
<script th:inline="javascript">
Push.Permission.request();
setInterval(function(){
$.ajax({
  url: /*[[@{/pushmessage}]]*/,
  dataType: 'html',
  success: function(data) {
    $.each(JSON.parse(data), function(idx, obj) {
      console.log(idx);
      console.log(obj);
      Push.create(/*[[#{header.pushhello}]]*/, {
        body: obj.message + obj.reportId,
        //icon: '/icon.png',
        timeout: 24000,
        onClick: function() {
          location.href = /*[+ [[@{/report/}]] +]*/ + obj.reportId;
        }
      });
    });
  },
  error: function(data) {
    alert(/*[[#{header.pusherror}]]*/);
  }
});
} , 30000);

以上宜しくお願いいたします。

Answer 1

とりあえず、1.は別のウインドウを開くことで解決しました。

<script th:inline="javascript">
Push.Permission.request();
setInterval(function(){
$.ajax({
  url: /*[[@{/pushmessage}]]*/,
  dataType: 'html',
  success: function(data) {
    $.each(JSON.parse(data), function(idx, obj) {
     Push.create(/*[[#{header.pushhello}]]*/, {
          body: obj.message + obj.reportId,
          icon: '/icon.png',
          timeout: 24000,
          onClick: function() {
            window.focus();
            window.open(/*[+ [[@{/report/}]] +]*/ + obj.reportId,'_blank');
            this.close();
          }
        });
    });
  },
  error: function(data) {
    alert(/*[[#{header.pusherror}]]*/);
  }
});
} , 10000);
</script>