Why isn't the canonical url updating?

When I set an internal link to “Current Page” instead of “New Page”, the canonical url (through element inspector) doesn’t change.

When I click on a link on my site it takes me to a new page in the same tab. The prefix in the displayed url within the browser and the page content does update. The canonical url however doesn’t.

I start at

<link rel="canonical" href="mywebsite. com/page1"> 

then proceed to click on a link which takes me to mywebsite. com/page2 in the same tab, but the canonical url remains as page1, even though I’m looking at page2.

Why is the canonical tag mismatched and why doesn’t it change along with the page I’m on? How can I make sure the canonical url updates when I’m taken to a new page?