Selecting a record in manager is not showing the pop-up information in Information panel in devext

Esri / solutions-components

A collection of UI components for constructing webapps.

Apache License 2.0

11 stars 5 forks source link

Open azizaparveen opened 1 week ago

azizaparveen commented 1 week ago

Selecting a record in manager is not showing the pop-up information in Information panel in devext

It should show the pop-up info

Test app: https://solutions.mapsdevext.arcgis.com/apps/instant/manager/index.html?appid=414bf95f3ca240faa98df7f5e0537ef9 To repro: 1) Launch the test app. 2) Select a record from the table. 3) Notice the pop-up is not showing up in the information panel.

No response

azizaparveen commented 1 week ago

@sumitzarkar could you please take a look into this soon, could be related to js api changes

azizaparveen commented 1 week ago

cc @sarahmcdonald7

sumitzarkar commented 1 week ago

@azizaparveen

@jmhauck

We analyzed this and found this is due to changes in the calcite CSS we recntly updated calcite -components to 2.12.0
calcite is applying some CSS to the parent div of the info card and due to this the info contents are not rendered
This can be fixed by overriding following two css properties on the parent div of the info-card node
- position needs to be overrided and changed to unset
- Change the z-index to 1000, otherwise the dropdown and date pickers goes behind the header or map

This also fails in the edit-card code when the code tries to add an event on layer edit, and the on is not available on the layer instance. This seems to be a specific issue to this web map only and could be due to the subtype group layers

@jmhauck - Please let us know your thoughts on this

jmhauck commented 3 days ago

@sumitzarkar please use position: static and can I have the webmap id for the layer issue you mention?

sumitzarkar commented 2 days ago

@jmhauck

please use position: static and can I have the webmap id for the layer issue you mention?

Also we are observing multiple issue due to the changes in calcite. Here is one more issue in which the time picker is going behind the map or table, this is because calcite is changing z-index of multiple divs with this css .content ::slotted(:not(calcite-tip-manager)).
For now we are setting z-index to 0 to overcome this issue