Lazy loading in Enterprise Sites causes HTML anchors to work incorrectly on long pages

[StefanUseldinger]

After upgrading from Enterprise 10.6.1. to 10.8.1 I noticed the lazy loading behavior on our Enterprise Sites.

More information on this can be found in this article: http://tomwayson.com/2018/05/01/arcgis-hub-goes-esri-loader-performance-wins-and-lessons-learned/

While we use Hyperlinks with local anchors, we see that the user cannot jump to the correct anchor position. On long pages, the browser jumps to an earlier position. I suppose, that the lazy loading mechanism is the cause.

Does anybody have any experience with this issue or a possible workaround?

[Anonymous User]

Do you have a publicly accessible site you could share or possibly some screenshots of your site? Anything you can provide will help us put together a reproducible case.

[StefanUseldinger]

The error occurred for example on this page: https://maps.vdl.lu/portal/apps/sites/#/topo/pages/vivre

However, as I modified the existent Esri code (1==+new URL(window.location).searchParams.get("noLazyImages")) in vendor-141ff78125c06b3ca9af4a092ea6ba71.js to disable lazy loading as a workaround, the issue cannot be reproduced on this page.

Nevertheless, the URL will give You a hint, how I used HTML anchors in the context of ArcGIS Enterprise Sites for reproducing the issue. The hyperlinks are embedded into the thumbnail images on top of the page. The HTML anchors (with the HTML class "anchor_h") are stored in the DOM element before the button with the label "VOIR CARTE". The error mainly occurred with the with the hyperlinks pointing to the anchors at the bottom of the page.

[StefanUseldinger]

Can you reproduce the issue?

[StefanUseldinger]

https://my.esri.com/#/support/bugs/BUG-000140432