title: My float label is not behaving as planned, already tried on different input focus but no success
body: <p>so i'm using primeng's autocomplete and made a dropdown (single selector) and i can't seem to figure out to which input i need to focus on (or better said which is the right one) to move my label up (float label) since it isn't moving at all, it is staying</p>
  
  <p>This is the html of my single selector:</p>
  
  <pre><code>  &lt;div class="ui-float-label"&gt;
          &lt;div class="ui-fluid"&gt;
              &lt;p-autoComplete id="inputDropDown"
                              [suggestions]="selectionResults"
                              (completeMethod)="search($event)"
                              field="label"
                              [(ngModel)]="valueOfSingleSelection"
                              [minLength]="1"
                              [dropdown]="true"
                              [disabled]="!selectorProperties.enabled"
                              required
                              (onBlur)="setRequiredOnBlur()"&gt;
  
                  &lt;ng-template let-value pTemplate="selectedItem"&gt;
                      {{value.label}}
                  &lt;/ng-template&gt;
                  &lt;ng-template let-value pTemplate="item"&gt;
                      &lt;div class="ui-helper-clearfix p-grid"&gt;
                          &lt;div class="templateText p-col-12"&gt;{{ value.label }}&lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/ng-template&gt;
              &lt;/p-autoComplete&gt;
              &lt;label for="inputDropDown" class="LapsFloatLabel"&gt;{{this.selectorProperties.labelMls}}&lt;/label&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p><strong>And this is the scss:</strong></p>
  
  <pre><code>  .LapsFloatLabel {
      font-size: $font-size-text-infos;
      color: $text-color-black;
      font-family: $font-style;
      position: absolute;
      pointer-events:none;
      top: 5px;
      left: 0;
      opacity:1;
      padding: 0 2px;
      -webkit-transition: 0.2s ease-in-out;
      transition: 0.2s ease-in-out;
    }
  
  .ui-fluid {
    input:focus {
      .LapsFloatLabel {
        top: -15px;
      }
    }
  </code></pre>
  
  <p>And i thought that i just need to set a focus on the ui-autocomplete-input to move it up but i had no success with it</p>