title: Chrome: Notifications not working, permission not requested
body: <p>I have been struggling for hours on trying to enable notifications on <code>chrome</code>, on firefox it works perfectly and it works ok as well on <code>localhost</code> url address. But when it comes to non-localhost url address it just doesn't work.</p>
  
  <p>i have been checking on the permissions that are displayed left next to the url input box where you see the website's information and it shows that notifications are permitted, but on advanced settings it shows <code>block</code> with a message "Blocked to protect your privacy" and i am not entirely sure what does that mean.</p>
  
  <p>the code i am trying to execute first is simple:</p>
  
  <pre><code>if(Notifications.permission == "default"){
      Notification.requestPermission()
          .then(permission =&gt; {
              console.log(`Permission given is: ${permission}`);
          });
  
  }
  
  else{
      console.log("Notification permission is: ${Notification.permission}`);
  }
  </code></pre>
  
  <p>The result of this code is <code>Notification permission is: denied</code> meaning that <code>else</code> statement was executed but permission is given as if permission was already requested and denied was the answer of the request.</p>
  
  <p>Can someone explain why does this happen?</p>