JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://js.arcgis.com/3.14/esri/css/esri.css">
<script src="https://js.arcgis.com/3.14/"></script>
<div id="mapDiv"><div id="search"></div></div>

<div id="result"></div>

CSS

#mapDiv, html, body{
   padding: 0;
   margin: 0;
   height: 400px;
   position:relative;
 }
#mapDiv #search {
    display: block;
    position: absolute;
    z-index: 3;
    top: 20px;
    left: 75px;
  }

JavaScript

var map;
require(["esri/map", "esri/dijit/Search", "dojo/_base/declare", "esri/geometry/Extent", "esri/graphic", "esri/symbols/SimpleMarkerSymbol", "esri/geometry/screenUtils", "dojo/dom", "dojo/dom-construct", "dojo/query", "dojo/_base/Color", "dojo/domReady!"], function(Map, Search, declare, Extent, Graphic, SimpleMarkerSymbol, screenUtils, dom, domConstruct, query, Color) {
	map = new Map("mapDiv", {
		center: [-121.49439590699971, 38.58156665600047],
		zoom: 10,
		basemap: "streets"
	});
	
		
	//Define new class that inherits from Search
	var MySearch = declare(Search, {
		//Override the search method
		search: function () {
			var originalValue = this.value;
			this.set("value", this.value + " Sacramento");
			var retVal = this.inherited(arguments);
			this.set("value", originalValue);			
			return retVal;
		}
	});  
	
	var search = new MySearch({
      map: map,
	  enableSuggestionsMenu:true,
	  enableSuggestions:true,
	  autoSelect:true,	  
	  autoNavigate:true	  
    }, dom.byId("search"));

	
    search.startup();	
	search.on("search-results", getXY);
});

function getXY(e){
    var point = e.results[0][0].feature.geometry;
	var ptLat = point.getLatitude();
	var ptLon = point.getLongitude();
    document.getElementById('result').innerHTML = 'X: '+ptLat+' Y: '+ptLon;
}