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!

[JoseBanuelos · Accepted solution]

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

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

[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]

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