DynamicLegend broken layout

[stefanocudini]

Description

The DynamicLegend component, used as a panel/sidebar on the right side, causes layout issues by skipping to the left side of the viewport. This bug could affect all other components rendered in the same right-side sidebar. It apparently occurs when the page width is reduced.

How to reproduce

It can be reproduced by opening the DynamicLegend (having first enabled the plugin in the configuration).

Expected Result
The sidebar should return to the right side of the layout.

Current Result
The Dynamic Legend does not return to the correct position on the right side of the layout; it remains in the center of the map, resulting in poor UX. To restore it, it must be closed and reopened.

sidebar.mp4

Other useful information

To replicate enable DynamicLegend adding con desktop in localConfig.json:

   {
      "name": "DynamicLegend",
      "glyph": "align-left",
      "title": "plugins.DynamicLegend.title",
      "description": "plugins.DynamicLegend.description",
      "dependencies": ["SidebarMenu"]
    }