<input class="search-input" id="geocoder-search" type="text"
       {%- if selectedSuggestion %}
           placeholder="{{selectedSuggestion.get('text')}}"
       {%- else %}
           placeholder="Jump to location or HUC"
       {% endif -%}
>
<i class="search-icon fa fa-search"></i>
{% if selectedSuggestion and selectedSuggestion.get('isBoundaryLayer') %}
    <button class="search-select-btn">Select</button>
{% endif %}
<div id="geocode-search-results-region"></div>
<div class="message hidden">
    <span></span>
    <button class="dismiss"><i class="fa fa-times"></i></button>
</div>

<input class="search-input" id="geocoder-search" type="text"
       value="{{query or (selectedSuggestion and selectedSuggestion.get('text'))}}"
       placeholder="Jump to location or HUC"
>
<i class="search-icon fa fa-search"></i>
{% if selectedSuggestion and selectedSuggestion.get('isBoundaryLayer') %}
    <button class="search-select-btn">Select</button>
{% endif %}
<div id="geocode-search-results-region"></div>
<div class="message hidden">
    <span></span>
    <button class="dismiss"><i class="fa fa-times"></i></button>
</div>

Make Geocoder Boundary Result Highlightable
Make Geocoder Boundary Result Highlightable

We were displaying the name of the selected
boundary result as the geocoder input's
placeholder. Display it instead as the input's
value so that it can be edit/selected, copied,
etc.
