nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Story map issue in Chrome

MalcolmJ

I have a problem in one of our story maps. This is the link

https://marlborough.maps.arcgis.com/apps/MapSeries/index.html?appid=bcf43a62f5944909bfeef264d26c1621

The issue occurs in Chrome when scrolling in some tabs (e.g. the Kangaroo Grass or Chilean Needle Grass tabs)

The info panel ends up looking like this

This only happens in Chrome as far as I can tell. Anyone have any ideas why its doing this?

Have tried Windows 7 and 10 and same on both. Chrome is the latest version. Tried Firefox and IE11 and both had no issues.

Thanks

Find more posts tagged with

Accepted answers

MalcolmJ

I've worked out the cause. Its being caused by hardware acceleration in Chrome. If I disable that setting in Chrome under Advanced settings, the issue stops occuring.

It might be specific to the graphics drivers we are using on the computers here (Intel HD Graphics 530)

Thanks to those that responded to my original question.

All comments

AdrianWelsh

Malcolm,

That is interesting that you're having these issues only in Chrome. Does it happen on all tabs for you or just some of the tabs? I just tried viewing it in Chrome and did not get that behavior. This is my chrome version: Version 61.0.3163.100 (Official Build) (64-bit). Is there a certain way you are scrolling to make this happen (are you suing a mouse with a wheel, or a touch pad, or finger scroll?

JayantaPoddar

Even I couldn't reproduce the issue. Everything looks fine in Google Chrome (same build as Adrian)/ Win 7.

Could you verify if you could reproduce the issue on different machines outside your network?

shan_sarkar

Do you receive any pop-up when you load the story map in Google Chrome?

RupertEssinger

Hi Malcolm

I also couldn't reproduce this. We may need some more info about your system or how to repro.

Rupert

MalcolmJ

So I tried it at home and it works fine, its only within our network at work that it seems to have this problem.

I've also noticed it only happens when the browser window is maximised. If I take it out of maximise mode i don't get that issue, and only in Chrome!

Anyone got any ideas??? What could I check?

MalcolmJ

I've worked out the cause. Its being caused by hardware acceleration in Chrome. If I disable that setting in Chrome under Advanced settings, the issue stops occuring.

It might be specific to the graphics drivers we are using on the computers here (Intel HD Graphics 530)

Thanks to those that responded to my original question.

AdrianWelsh

Wow, that's some nice digging! Good work!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.