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

[azizaparveen]

Describe the bug

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

Expected Behavior

It should show the pop-up info

Reproduction Steps & Sample

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.
   

Other Relevant Info

No response

[azizaparveen]

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

[azizaparveen]

cc @sarahmcdonald7

[sumitzarkar]

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

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

[sumitzarkar]

@jmhauck

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

• Ok, we will use position: static
• Webmap - https://solutionsdev.mapsdevext.arcgis.com/home/item.html?id=c706f33be5094b78b0d8381636693c92

---

• 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

[azizaparveen]

This looks good in devext, opened a separate issue on editing failing for sgl layers #896

[azizaparveen]

Seeing this issue again @sumitzarkar ,also seeing css issues, all three layout's side panel ui is messed up, could you please try to resolve this soon?
Test app : https://solutions.mapsdevext.arcgis.com/apps/instant/manager/index.html?appid=3b707d16ab6649cdb6dac78f2982a6d5
cc @sarahmcdonald7

[azizaparveen]

This looks good in devext.