bug: added flex grow to autocomplete input wrapper

[ahmadJT]

Description

• added flex grow to autocomplete input wrapper

Screenshot

Issue

#4046

Markup:

Details

<style lang="scss">
@import '../../variables';

.va-select-content {
  display: flex;
  flex-wrap: wrap;
  flex: 1;

  &__autocomplete {
    flex: 1 1;
    margin-left: 0.25rem;

    &:first-child {
      margin-left: 0;
    }
  }

  &__placeholder {
    overflow: hidden !important;
    flex: 1;
    line-height: normal;
    color: var(--va-input-placeholder-text-color);
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  &__separator {
    white-space: pre;
  }

  &__state-icon {
    margin-left: var(--va-select-state-icon-margin-left);
  }
}
</style>

Types of changes

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• Improvement/refactoring (non-breaking change that doesn't add any feature but make things better)