angular-ui / bootstrap

PLEASE READ THE PROJECT STATUS BELOW. Native AngularJS (Angular) directives for Bootstrap. Smaller footprint (20kB gzipped), no 3rd party JS dependencies (jQuery, bootstrap JS) required. Please read the README.md file before submitting an issue!
http://angular-ui.github.io/bootstrap/
MIT License
14.29k stars 6.73k forks source link

uib-typeahead-popup style should match element precisely or use !important #6496

Open viteksafronov opened 7 years ago

viteksafronov commented 7 years ago

Bug description:

Sometimes bootstrap style definition is namespaced by another class. We cannot use the bootstrap on the whole page for some reasons, so all our BS-code is placed into container with class 'bs', so the rule for dropdown-menu is based on '.bs .dropdown-menu' selector. This selector wins over '[uib-typeahead-popup].dropdown-menu' which is added by ui-bootstrap because it's more specific. The simplest solution I see is adding '!important' to [uib-typeahead-popup].dropdown-menu for this case and/or change the selector to match this element precisely

Version of Angular, UIBS, and Bootstrap

Angular: 1.5.9

UIBS: 2.3.0

Bootstrap: 3.3.6 (namespaced by additional class)