From 8ff247a42f512dbdfc58daa323cbef2d08d4db6f Mon Sep 17 00:00:00 2001
From: Rashesh <rashesh.padia@collabora.com>
Date: Thu, 26 Sep 2024 20:05:59 +0530
Subject: [PATCH] fix: hide formulabar-row by default

Signed-off-by: Rashesh <rashesh.padia@collabora.com>
Change-Id: I111298ea12d668f5dc9aa4dea8e859b840acbb37
---
 browser/html/cool.html.m4                | 2 +-
 browser/src/control/Control.UIManager.js | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/browser/html/cool.html.m4 b/browser/html/cool.html.m4
index 8b1ba01e999a1..3617f7f9f948e 100644
--- a/browser/html/cool.html.m4
+++ b/browser/html/cool.html.m4
@@ -141,7 +141,7 @@ m4_ifelse(MOBILEAPP,[true],
               </label>
             </div>
           </div>
-        <div id="formulabar-row">
+        <div id="formulabar-row" class="hidden">
           <div id="addressInput"></div>
           <div id="formulabar"></div>
         </div>
diff --git a/browser/src/control/Control.UIManager.js b/browser/src/control/Control.UIManager.js
index b7fa776d99a90..eb0e101acc26a 100644
--- a/browser/src/control/Control.UIManager.js
+++ b/browser/src/control/Control.UIManager.js
@@ -354,6 +354,9 @@ L.Control.UIManager = L.Control.extend({
 
 		if (docType === 'spreadsheet') {
 			this.sheetsBar = JSDialog.SheetsBar(this.map, isDesktop || window.mode.isTablet());
+
+			let formulabarRow = document.getElementById('formulabar-row');
+			formulabarRow.classList.remove('hidden');
 			this.map.formulabar = JSDialog.FormulaBar(this.map);
 			this.map.addressInputField = JSDialog.AddressInputField(this.map);
 			$('#toolbar-wrapper').addClass('spreadsheet');