omencé a usar el componente ng-bootstrap Typeahead y estoy bastante contento con eso.

Una cosa que me gustaría lograr es hacer que los elementos desplegables tengan el mismo ancho que el campo de entrada, mientras que el comportamiento predeterminado aplica un ancho acorde a la longitud del texto. Debe ser CSS básico ...

Creé un @ básiEjempl en Plunker.

omo puede observar, el estilo aplicado se ignora:

.dropdown-menu { width: 100%;}

Mientras que si uso las herramientas de desarrollo del navegador y aplico lo mismo, se aplica.

¿Alguna idea sobre cómo lograr el resultado, utilizando CSS?