Problem/Motivation

The leaflet version of the issue and branch in geofield_map #3087072: Geofield Map Widget visibility issue inside field group, with Leaflet library.

Which should fix issues such as:

Steps to reproduce

Add geofield to entity. Configure to use for widget: leaflet (default). Install field group and ptu the widget into a tab, accordion etc. where the map is initially not visible. Create/Edit an entity and click through to see the map.

Proposed resolution

Use the IntersectionObserver discussed in #3087072: Geofield Map Widget visibility issue inside field group, with Leaflet library to trigger a leaflet invalidateSize.

Remaining tasks

User interface changes

It works in field groups :)

API changes

None

Data model changes

None

Issue fork leaflet-3343154

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

ekes created an issue. See original summary.

ekes opened merge request !27

ekes’s picture

ekes commented

So as mentioned on #3087072: Geofield Map Widget visibility issue inside field group, with Leaflet library as we know it's Leaflet we can use invalidateSize() here and just update the map https://git.drupalcode.org/project/leaflet/-/merge_requests/27/diffs

ekes’s picture

ekes commented
Status: Active » Needs review

itamair made their first commit to this issue’s fork.

  • itamair committed d20274d8 on 10.0.x authored by ekes 
    Issue #3343154 by ekes: Use IntersectionObserver to update map on...
itamair’s picture

itamair commented
itamair’s picture

itamair commented
Status: Needs review » Fixed

Thanks a lot @ekes ... I positively tested and reviewed your fix and deployed a new Leaflet 10.0.9 release with it.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.