title: Chrome page action not open popup on click
body: <p>I have this code to activate an extension only if a certain website is visited. I've noticed that the extension icon will be always clickable and will be not grey if the url isn't mathcing with the condition setted and when the desired website is visited and the url match, if the user click on the extension icon, the popup will not be opened. How I can fix?</p>
  <pre><code>
  chrome.runtime.onInstalled.addListener(function() {
    chrome.declarativeContent.onPageChanged.removeRules(undefined, function() {
      chrome.declarativeContent.onPageChanged.addRules([
        {
          conditions: [
            new chrome.declarativeContent.PageStateMatcher({
              pageUrl: { hostEquals: 'www.example.com/video/*', schemes: [&quot;https&quot;] },
            })
          ],
          actions: [ new chrome.declarativeContent.ShowPageAction() ]
        }
      ]);
    });
  });
  
  chrome.pageAction.onClicked.addListener( () =&gt; {
    chrome.windows.create({
      url: chrome.runtime.getURL('popup.html'),
      width: 500,
      height: 295,
      type: 'popup'
    });
  });
  </code></pre>