Social bookmarks disappear after navigation

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X EE, Master
• Fix Version/s: 7.0.0 DXP FP30, 7.0.X EE, 7.0.4 CE GA5, 7.1.X, Master
• Component/s: Blogs, Knowledge Base widget, ~ [Archived] Collaboration
• Labels:
  • liferay-digital-enterprise-70-sp5
  • liferay-fixpack-de-30-7010
• Branch Version/s:
  7.0.x
• Backported to Branch:
  Committed
• Story Points: 1
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/46949

Steps to reproduce:

1. Add the blogs portlet to the page
2. Click on configure
3. Set Display Style to Simple
4. For simplicity enable only the facebook social bookmark
5. Save and close the modal
6. Create a blog entry which will take you to the list of entries
7. Where is the facebook bookmark?
8. Refresh the page
9. The bookmark is there!
10. Click on the title of the entry to open it
11. Where is the bookmark?
12. Refresh the page
13. The bookmark is there!

Expected:

The bookmark appears in points 7 and 11.

Actual:

The bookmark is missing in points 7 and 11 and if we repeat the same with other bookmarks like the StumbleUpon one, besides disappearing it causes the following message to show on the browser's console:

It isn't possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.

Which leads to this Stack Overflow post that helps clarifying the root cause of the problem. This is caused by the new way in which Liferay 7 implements navigation using AJAX to only reload the specific portlet instead of the whole page.