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; } } }

Embeded iframe issue with CSS styles

Lvivcenter

Hi,

There were some changes in CSS made that affected the appearance of the published storymap especially when embedded as an iframe. Consequently, one of the elements that became larger than 100% affected the overall page - (data-blockid="n-ys80vM" id="n-ys80vM", see attachment 01)
See the example here: https://storymaps.arcgis.com/stories/b8945044bcac4fd895effb90b0284226 (horizontal scroll bellow).

Could you please change the overflow here (see attachment 02)? That should fix the problem.

We would appreciate your help as it affected most of the stories we have created.

Thank you!

Taras

02.png

01.png

Text in Draw Widget.PNG

Text in Draw Widget2.PNG

Finde mehr Beiträge mit dem Tag

Accepted answers

ApurvaShah

Hi @Lvivcenter For the white frame border at the bottom of the viewport, it is not reproducible consistently, and it may have to do with the image size.
The issue of the horizontal scrollbar will be fixed in our Jan 2022 release.
Please let us know if you have any other questions or concerns.

Thanks,
Apurva Shah
Product Engineer | ArcGIS StoryMaps

oevans_storymaps

This issue was addressed in yesterday's update. Release notes—ArcGIS StoryMaps | Documentation

All comments

oevans_storymaps

Hi @Lvivcenter -- I'm sorry you're seeing some issues with some of your stories. Unfortunately, I'm not quite sure I understand the issue you are describing.

You mentioned that there was an issue you observed when a story is embedded -- can you provide a screenshot of that? Can you also provide some information about when you last observed this working as expected and when you first observed the issue?

Thanks!

Lvivcenter

Hi @OwenGeo, I've recently noticed that the stories I publish appear with a horizontal scroll (as on the attached screenshot taken from this page). At the same time, the stories I publish as an embedded iframe seem to how a white frame border at the bottom of the viewport (as on the attached screenshot taken from another page). It basically appeared yesterday. Because we didn't have this issue before. As far as we were able to investigate it with colleagues, the problem is in the updates of the CSS styles of the storymap - one of the elements is larger than 100% width, which causes the abovementioned problem. On the screenshots from my previous message, we tried to spot the exact place where the issue is located.

I hope this clarifies.

6d91b6da666634424ef349097e2d64a7.jpg

5b0c75a2d4be2a88aeac04226ffc2b13.png

oevans_storymaps

@Lvivcenter - Thanks for the screenshots. I think I understand the issue now. I don't see those scrollbars on my Mac, but we'll do some investigation on Windows machines to see what might be going on.

ApurvaShah

Thanks,
Apurva Shah
Product Engineer | ArcGIS StoryMaps

oevans_storymaps

This issue was addressed in yesterday's update. Release notes—ArcGIS StoryMaps | Documentation

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

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