Anchor Links Jump to Section but Top Portion Hidden behind Dockbar

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.0.X, Master
• Fix Version/s: 7.0.0 DXP FP59, 7.0.0 DXP SP9, 7.0.X, 7.1.X, Master
• Component/s: Content Display Widgets > Web Content Display widget
• Labels:
  • ee-ts
  • liferay-dxp-70-sp9
  • liferay-fixpack-de-59-7010
  • liferay-fixpack-dxp-2-7110
• Branch Version/s:
  7.1.x, 7.0.x
• Backported to Branch:
  Committed
• Story Points: 0.25
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/62417

Description:
The anchor link to "jump" to a particular point in a web content document, the upper part of the linked text is cut off by the dockbar.

Steps to Reproduce:
1. Add portlet.url.anchor.enable=true to the portal-ext.properties
2. Start Liferay DXP
3. Add a Web Content Display portlet to a page
4. Add a Basic Web Content
5. Create a lengthy web content article, with anchors at the top of the page to jump to various sections of the article (for simplicity, you can add the code from the attached "jumps.html" file which has anchors and texts as an example/demonstration)
6. Publish the article
7. Click on any of the links at the top of the page

Expected Results:
One should be taken to that portion of the article, being able to see the beginning of the text on the screen. (See attached GIF file for expected behavior when using vanilla HTML without Liferay; expected-behavior.gif)

Actual Results:
One is taken to several lines below the top of the section, with the top being blocked behind the dockbar. (See attached GIF file; actual-behavior-master.gif)