Hide attribution on error or no results

Author: mpothier

lib/index.js

@@ -279,9 +279,9 @@ MapboxGeocoder.prototype = {
 
  // Add support for footer.
  var parentDraw = typeahead.list.draw;
+ var footerNode = this._footerNode = getFooterNode();
  typeahead.list.draw = function() {
  parentDraw.call(this);
- var footerNode = getFooterNode();
 
  footerNode.addEventListener('mousedown', function() {
  this.selectingListItem = true;
@@ -370,6 +370,7 @@ MapboxGeocoder.prototype = {
 
  this._hideLoadingIcon();
  this._showGeolocateButton();
+ this._hideAttribution();
  }.bind(this));
  },
 
@@ -485,6 +486,14 @@ MapboxGeocoder.prototype = {
  this._loadingEl.style.display = 'none';
  },
 
+ _showAttribution: function() {
+ this._footerNode.style.display = 'block'
+ },
+ 
+ _hideAttribution: function() {
+ this._footerNode.style.display = 'none'
+ },
+
  _onBlur: function(e) {
  if (this.options.clearOnBlur) {
  this._clearOnBlur(e);
@@ -730,10 +739,12 @@ MapboxGeocoder.prototype = {
  if (res.features.length) {
  this._showClearButton();
  this._hideGeolocateButton();
+ this._showAttribution();
  this._eventEmitter.emit('results', res);
  this._typeahead.update(res.features);
  } else {
  this._hideClearButton();
+ this._hideAttribution();
  this._typeahead.selected = null;
  this._renderNoResults();
  this._eventEmitter.emit('results', res);
@@ -743,6 +754,7 @@ MapboxGeocoder.prototype = {
  ).catch(
  function(err) {
  this._hideLoadingIcon();
+ this._hideAttribution();
 
  // in the event of an error in the Mapbox Geocoding API still display results from the localGeocoder
  if ((localGeocoderRes.length && this.options.localGeocoder) || (externalGeocoderRes.length && this.options.externalGeocoder) ) {

lib/mapbox-gl-geocoder.css

@@ -266,7 +266,7 @@
  color:#909090;
  padding: 6px 12px;
  font-size: 16px;
- text-align: center
+ text-align: center;
  }
 
  .mapboxgl-ctrl-geocoder--powered-by {