Select to view content in your preferred language

Popup window in utilityNetworkTrace widget obscured by other dom elements

580
4
Jump to solution
07-17-2023 01:45 AM
Lerman
by
Occasional Contributor

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

Lerman_0-1689583310154.png

 

pitcure2: after clicking the "clear all" button

Lerman_1-1689583333523.png

 

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!

 

 

0 Kudos
1 Solution

Accepted Solutions
JoseBanuelos
Esri Contributor

@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

View solution in original post

4 Replies
JoseBanuelos
Esri Contributor

@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

Lerman
by
Occasional Contributor

@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!

0 Kudos
AlixVezina
Esri Regular Contributor

@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.

0 Kudos
Lerman
by
Occasional Contributor

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

0 Kudos