{"action":"opened","issue":{"url":"https://api.github.com/repos/Leaflet/Leaflet.fullscreen/issues/36","labels_url":"https://api.github.com/repos/Leaflet/Leaflet.fullscreen/issues/36/labels{/name}","comments_url":"https://api.github.com/repos/Leaflet/Leaflet.fullscreen/issues/36/comments","events_url":"https://api.github.com/repos/Leaflet/Leaflet.fullscreen/issues/36/events","html_url":"https://github.com/Leaflet/Leaflet.fullscreen/issues/36","id":54168544,"number":36,"title":"Map disappearing on close with multiple maps","user":{"login":"tinuzz","id":1084192,"avatar_url":"https://avatars.githubusercontent.com/u/1084192?v=3","gravatar_id":"","url":"https://api.github.com/users/tinuzz","html_url":"https://github.com/tinuzz","followers_url":"https://api.github.com/users/tinuzz/followers","following_url":"https://api.github.com/users/tinuzz/following{/other_user}","gists_url":"https://api.github.com/users/tinuzz/gists{/gist_id}","starred_url":"https://api.github.com/users/tinuzz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/tinuzz/subscriptions","organizations_url":"https://api.github.com/users/tinuzz/orgs","repos_url":"https://api.github.com/users/tinuzz/repos","events_url":"https://api.github.com/users/tinuzz/events{/privacy}","received_events_url":"https://api.github.com/users/tinuzz/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-01-13T09:37:34Z","updated_at":"2015-01-13T09:37:34Z","closed_at":null,"body":"I'm not sure how to describe the problem effectively, but let me try. I have a page with two maps on it. Both have a working full-screen button. With the first map, leaving full-screen works fine and takes me back to the page with two maps, but with the second map, it's not OK. After leaving full-screen, the first map is hidden from the page and only the second map is shown.\r\n\r\nSo I have two map divs:\r\n\r\n<div id=\"tsmap_1\" class=\"leaflet-container leaflet-fade-anim\" style=\"width: 640px; height: 480px; max-width: 100%; position: relative;\" tabindex=\"0\"></div>\r\n<div id=\"tsmap_2\" class=\"leaflet-container leaflet-fade-anim\" style=\"width: 640px; height: 480px; max-width: 100%; position: relative;\" tabindex=\"0\"></div>\r\n\r\nAccording to Firebug, when I click the full screen button on _either_ map, the class parameter of the _first_ map is changed to \"leaflet-container leaflet-fade-anim leaflet-fullscreen-on\", but the _correct_ map is shown in full-screen. When leaving full-screen from the first map, the 'leaflet-fullscreen-on' class is removed and all is well, but when leaving full-screen from the second map, the class is not removed, the first map-div remains invisible and only the second map (whose class parameter was never changed) is visible.\r\n\r\nAlso, when entering full-screen for the second map, the button-icon is not changed to the 'leave' icon (with the little square in the middle), like it is on the first map.\r\n\r\nSo, it seems something is wrong with the selection of the map container when manipulating the DOM, but I can't tell what's wrong by looking at the code. Not enough JavaScript skillz I'm afraid.\r\n\r\nThe behaviour is the same in FF 34 and Chrome 39.\r\n\r\n"}}