From e88a4a95f58d2dcd5cba49aac63f9d006c2cdf34 Mon Sep 17 00:00:00 2001
From: nreese <reese.nathan@elastic.co>
Date: Wed, 8 Nov 2023 16:04:41 -0700
Subject: [PATCH] [maps] fix blank screen when switching to Full Screen

---
 x-pack/plugins/maps/public/_main.scss                       | 5 +++++
 x-pack/test/functional/apps/maps/group1/full_screen_mode.js | 5 +++++
 2 files changed, 10 insertions(+)

diff --git a/x-pack/plugins/maps/public/_main.scss b/x-pack/plugins/maps/public/_main.scss
index 61de65dd4bf6f..02298872d4f7d 100644
--- a/x-pack/plugins/maps/public/_main.scss
+++ b/x-pack/plugins/maps/public/_main.scss
@@ -10,6 +10,11 @@
   overflow: hidden;
 }
 
+.mapFullScreen {
+  // sass-lint:disable no-important
+  height: 100vh !important;
+}
+
 #react-maps-root {
   flex-grow: 1;
   display: flex;
diff --git a/x-pack/test/functional/apps/maps/group1/full_screen_mode.js b/x-pack/test/functional/apps/maps/group1/full_screen_mode.js
index 2c87bb4df7c3c..b0ed1311d439a 100644
--- a/x-pack/test/functional/apps/maps/group1/full_screen_mode.js
+++ b/x-pack/test/functional/apps/maps/group1/full_screen_mode.js
@@ -11,6 +11,7 @@ export default function ({ getService, getPageObjects }) {
   const PageObjects = getPageObjects(['maps', 'common']);
   const retry = getService('retry');
   const security = getService('security');
+  const testSubjects = getService('testSubjects');
 
   describe('maps full screen mode', () => {
     before(async () => {
@@ -38,6 +39,10 @@ export default function ({ getService, getPageObjects }) {
       });
     });
 
+    it('layer control is visible', async () => {
+      expect(await testSubjects.isDisplayed('addLayerButton')).to.be(true);
+    });
+
     it('displays exit full screen logo button', async () => {
       const exists = await PageObjects.maps.exitFullScreenLogoButtonExists();
       expect(exists).to.be(true);