From d2a63c2ce29abbbecf54570c7ed60733edf111b0 Mon Sep 17 00:00:00 2001
From: Xiaoji Chen <Pessimistress@users.noreply.github.com>
Date: Mon, 12 Apr 2021 19:48:44 -0700
Subject: [PATCH] Fix FullScreenControl container (#1430)

---
 src/components/fullscreen-control.js | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/fullscreen-control.js b/src/components/fullscreen-control.js
index 0fa68a88..fd7baaaa 100644
--- a/src/components/fullscreen-control.js
+++ b/src/components/fullscreen-control.js
@@ -51,9 +51,7 @@ function FullscreenControl(props) {
   const [mapboxFullscreenControl, createMapboxFullscreenControl] = useState(null);
 
   useEffect(() => {
-    const container = props.container || context.container;
-
-    const control = new mapboxgl.FullscreenControl({container});
+    const control = new mapboxgl.FullscreenControl();
 
     createMapboxFullscreenControl(control);
     setShowButton(control._checkFullscreenSupport());
@@ -75,6 +73,7 @@ function FullscreenControl(props) {
 
   const onClickFullscreen = () => {
     if (mapboxFullscreenControl) {
+      mapboxFullscreenControl._container = props.container || context.container;
       mapboxFullscreenControl._onClickFullscreen();
     }
   };