Map widget doesn't show map inside list widget

[adamjkb]

Describe the bug Map widget doesn't load map inside a list widget whenever there is already a value entered.

To Reproduce

1. Create list widget containing a map widget
2. Define a point on a map and publish page
3. Load up published page, open widget

Expected behavior Map widget loads map

Screenshots

Applicable Versions:

• Netlify CMS version: [e.g. 2.0.4]
• Git provider: GitHub
• OS: MacOS Mojave, MacOS Bigsur
• Browser versions: Chrome 83, FF 81 CMS configuration

  const Gallery = {
  label       :'Gallery',
  name        :'gallery',
  folder      :'data/gallery',
  create      :true,
  slug        :'{{slug}}',
  description :'Collection of image galleries',
  fields: [
      {
          label           :'Title',
          name            :'title',
          widget          :'string',
      },
      {
          label               :'Gallery',
          name                :'gallery',
          widget              :'list',
          label_singular      :'item',
          fields: [
              {
                  label           :'Coordinates',
                  name            :'cordinates',
                  widget          :'map'
              },
              {
                  label           :'Image',
                  name            :'image',
                  widget          :'file',
                  allow_multiple   :false,
              },
              {
                  label           :'Caption',
                  name            :'caption',
                  widget          :'string',
                  required        :false,
              }
          ]
      }
  ]
  }

Additional context The maps seems to render when the list widget is set to collapsed: false. However if list items moved around in closed state maps are failed to render.

[kjoscha]

I have the same bug on several browsers. NetlifyCMS version 2.14.3

[4www]

There seems to be on the map widget HTML canvas element, a display: none.

When disabled in dev tools, and the viewport resized, the map shows correctly!

No idea where the problem comes from otherwise, but also having it on npm:latest.

Edit: with the collapsed: false applied to the containing list widget, the map renders well. So:

• the bug seems to come when a map widget is a children of list widget
• maybe the open street map component does not get a list:expand "event", and therefore does not re-calculate the canvas height?

[kjoscha]

is there at least any workaround to make it work with collapsed list items?

[Jantastic]

Any news here?

[erezrokah]

Hi @Jantastic, the best way to move this forward is to submit a PR for it. See here