From faf59388b9a8b4bf1f335b682d930ef14ab022a7 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Sat, 19 Mar 2022 11:47:17 -0400
Subject: fixed mapBox searchbox menu to not disappear when you go to click on
 it.

---
 src/client/views/nodes/MapBox/MapBox.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

(limited to 'src/client/views/nodes/MapBox/MapBox.tsx')

diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx
index aa2130af5..fc1edb2b1 100644
--- a/src/client/views/nodes/MapBox/MapBox.tsx
+++ b/src/client/views/nodes/MapBox/MapBox.tsx
@@ -594,7 +594,25 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
                     <Autocomplete
                         onLoad={this.setSearchBox}
                         onPlaceChanged={this.handlePlaceChanged}>
-                        <input ref={this.inputRef} className="searchbox" type="text" placeholder="Search anywhere:" />
+                        <input ref={this.inputRef}
+                            type="text"
+                            placeholder="Customized your placeholder"
+                            style={{
+                                boxSizing: `border-box`,
+                                border: `1px solid transparent`,
+                                width: `240px`,
+                                height: `32px`,
+                                padding: `0 12px`,
+                                borderRadius: `3px`,
+                                boxShadow: `0 2px 6px rgba(0, 0, 0, 0.3)`,
+                                fontSize: `14px`,
+                                outline: `none`,
+                                textOverflow: `ellipses`,
+                                position: "absolute",
+                                left: "50%",
+                                marginLeft: "-120px"
+                            }}
+                        />
                     </Autocomplete>
 
                     {this.renderMarkers()}
-- 
cgit v1.2.3-70-g09d2


From 16fcee6f6729a6250d8956b0bd4f4ba8fe533e7e Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Sat, 19 Mar 2022 18:12:41 -0400
Subject: from last

---
 src/client/views/nodes/MapBox/MapBox.scss |  2 +-
 src/client/views/nodes/MapBox/MapBox.tsx  | 20 +-------------------
 2 files changed, 2 insertions(+), 20 deletions(-)

(limited to 'src/client/views/nodes/MapBox/MapBox.tsx')

diff --git a/src/client/views/nodes/MapBox/MapBox.scss b/src/client/views/nodes/MapBox/MapBox.scss
index 854da5ed2..fb15520f6 100644
--- a/src/client/views/nodes/MapBox/MapBox.scss
+++ b/src/client/views/nodes/MapBox/MapBox.scss
@@ -35,7 +35,7 @@
 
         .mapBox-wrapper {
             width: 100%;
-            .searchbox {
+            .mapBox-input {
                 box-sizing: border-box;
                 border: 1px solid transparent;
                 width: 240px;
diff --git a/src/client/views/nodes/MapBox/MapBox.tsx b/src/client/views/nodes/MapBox/MapBox.tsx
index fc1edb2b1..59e39e051 100644
--- a/src/client/views/nodes/MapBox/MapBox.tsx
+++ b/src/client/views/nodes/MapBox/MapBox.tsx
@@ -594,25 +594,7 @@ export class MapBox extends ViewBoxAnnotatableComponent<ViewBoxAnnotatableProps
                     <Autocomplete
                         onLoad={this.setSearchBox}
                         onPlaceChanged={this.handlePlaceChanged}>
-                        <input ref={this.inputRef}
-                            type="text"
-                            placeholder="Customized your placeholder"
-                            style={{
-                                boxSizing: `border-box`,
-                                border: `1px solid transparent`,
-                                width: `240px`,
-                                height: `32px`,
-                                padding: `0 12px`,
-                                borderRadius: `3px`,
-                                boxShadow: `0 2px 6px rgba(0, 0, 0, 0.3)`,
-                                fontSize: `14px`,
-                                outline: `none`,
-                                textOverflow: `ellipses`,
-                                position: "absolute",
-                                left: "50%",
-                                marginLeft: "-120px"
-                            }}
-                        />
+                        <input className="mapBox-input" ref={this.inputRef} type="text" placeholder="Enter location" />
                     </Autocomplete>
 
                     {this.renderMarkers()}
-- 
cgit v1.2.3-70-g09d2

