Applying custom format to ngui-auto-complete-wrapper not applied

Hi,

I’m adding some selectors to a bootstrapped design. And I’m applying a custom CSS for ngui-auto-complete-wrapper, specifically a value of 100% for width, since the selector is not fully expanded to the container.

.ngui-auto-complete-wrapper {
  width: 100%;
}

The style is not really working.

Thanks

[allenhwkim]

To override css, you need to use ViewEncapsulation.None

  // encapsulation: ViewEncapsulation.Native
  encapsulation: ViewEncapsulation.None
  // encapsulation: ViewEncapsulation.Emulated is default 

[dodoshanti]

@javimudi Did this work for you? Setting ViewEncapsulation.None doesn’t work because ngui-auto-complete component styles loads after you click in the input box, which is after the parent styles have loaded. The only way around this is using !important