keep custom controls above full screen map

src/assets/styles/sidebar-layers.css

@@ -13,6 +13,7 @@
   border: 1px solid grey;
   top: 0;
   position: absolute;
+  z-index: 9;
 }
 
 .sidebar-layers {

src/components/Map/EditingToolbar.vue

@@ -124,6 +124,7 @@ export default {
   border-radius: 4px;
   background-clip: padding-box;
   padding: 0;
+  z-index: 9;
 }
 .leaflet-bar {
 

src/services/map-service.js

@@ -67,9 +67,6 @@ const mapService = {
       ],
     } = options;
 
-    if (el.innerHTML) {
-      el.innerHTML = '';
-    }
     if (fullScreenControl) {
       controls.push(new FullScreen());
     }

src/views/Feature/FeatureDetail.vue

@@ -37,11 +37,12 @@
             <div
               id="map"
               ref="map"
-            />
-            <SidebarLayers
-              v-if="basemaps && map"
-              ref="sidebar"
-            />
+            >
+              <SidebarLayers
+                v-if="basemaps && map"
+                ref="sidebar"
+              />
+            </div>
             <div
               id="popup"
               class="ol-popup"

src/views/Feature/FeatureEdit.vue

@@ -250,7 +250,13 @@
           <div
             id="map"
             ref="map"
-          />
+          >
+            <SidebarLayers v-if="basemaps && map" />
+            <EditingToolbar
+              v-if="isEditable"
+              :map="map"
+            />
+          </div>
           <div 
             id="popup" 
             class="ol-popup"
@@ -265,11 +271,6 @@
             />
           </div>
         
-          <SidebarLayers v-if="basemaps && map" />
-          <EditingToolbar
-            v-if="isEditable"
-            :map="map"
-          />
         </div>
       </div>
 

src/views/Project/FeaturesListAndMap.vue

@@ -21,12 +21,13 @@
         <div
           id="map"
           ref="map"
-        />
-        <SidebarLayers
-          v-if="basemaps && map"
-          ref="sidebar"
-        />
-        <Geocoder />
+        >
+          <SidebarLayers
+            v-if="basemaps && map"
+            ref="sidebar"
+          />
+          <Geocoder />
+        </div>
         <div 
           id="popup" 
           class="ol-popup"