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

Popup window in utilityNetworkTrace widget obscured by other dom elements

Lerman

Hi,

I have encountered a problem with the utilityNetworkTrace widget and can reproduce the problem by following the steps below:

1.Open demo in browser: https://jsbin.com/zudanomuhe/edit?output This demo has two mapviews, each mapview takes up 50% of the width of the page.

2. In the left mapview, a utilityNetworkTrace widget has been added to perform a utility Network Trace analysis.
when the trace analysis is complete and I want to clear all the selected features, a popup window appears for me to confirm. This popup window is displayed in the middle of the page, not in the middle of the mapview, which causes the popup window to be blocked by other dom elements.

See screenshots:

pitcure1: after the execution of the trace analysis

pitcure2: after clicking the "clear all" button

I think this should be a bug, as expected the popup window should be displayed in the middle of the mapview container it is in, not in the middle of the page.

Does anyone know how to fix this?

Thank you so much!

Find more posts tagged with

Accepted answers

JoseBanuelos

@Lerman

Thanks for reporting this issue, we are using a modal in the widget, and this is causing the underlying issue. We logged an issue internally, and will be replacing this modal with another component within the widget to provide the same message, but prevent this issue from occurring.

Thanks!

Jose

All comments

Lerman

@AlixVezina Ok, thanks! I'll take your suggestion into consideration and look forward to the next release!

AlixVezina

@Lerman Making changes to the code won't really be an option right now since it's minified and the modal is a calcite component part of the rendered UI.

A temporary workaround would be to make changes to your app UI such as switching your maps so that the right side of the modal is displayed and the buttons can still be clicked.

Lerman

@JoseBanuelos

Hi, Jose, thank you very much! I would like to know if I can solve this issue by setting CSS in the current version. I tested it, but it didn't take effect. I think it may be because my CSS settings are incorrect.

Thank you!

JoseBanuelos

Thanks!

Jose

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.