Looking at the markup you can sort of see why. My "throbber" styles are coming from the stable theme and these selectors do not matchup with the markup I see output by styleguide:

.js input.form-autocomplete {
  background-image: url(../../../images/core/throbber-inactive.png);
  background-position: 100% center; /* LTR */
  background-repeat: no-repeat;
}
.js[dir="rtl"] input.form-autocomplete {
  background-position: 0% center;
}
.js input.form-autocomplete.ui-autocomplete-loading {
  background-image: url(../../../images/core/throbber-active.gif);
  background-position: 100% center; /* LTR */
}
.js[dir="rtl"] input.form-autocomplete.ui-autocomplete-loading {
  background-position: 0% center;
}

Comments

danbohea created an issue. See original summary.

Oleksiy’s picture

Version: 8.x-1.0-alpha2 » 8.x-1.x-dev

Looks like issue happens because of the wrong element autocomplete definition:

    $form['autocomplete'] = [
      '#type' => 'textfield',
      '#title' => $this->t('Autocomplete textfield'),
      '#default_value' => $this->generator->words(),
      '#description' => $this->generator->sentence(),
      '#autocomplete_path' => 'user/autocomplete',
    ];

That can explain why we have wrong markup in the output.

  • Oleksiy committed 9079953 on 8.x-1.x
    Issue #2879084 by danbohea, Oleksiy: Autocomplete field never shows icon...
Oleksiy’s picture

Status: Active » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.