Skip to content
This repository has been archived by the owner on May 29, 2019. It is now read-only.

Custom CSS class in typeahead and dropdown when append-to-body is true #4332

Closed
ehteshamkafeel opened this issue Sep 3, 2015 · 3 comments
Closed

Comments

@ehteshamkafeel
Copy link
Contributor

Sometimes you want to style the drop down according to some particular styles matching to your look and feel or to achieve some very specific functionality. If the typeahead-append-to-body="true" you can't style the drop down by being more specific. e.g. you can't do .my-component .dropdown {} sure you can do .dropdown {} but that would globally apply style to every dropdown in your app.

It would be really nice if we could specify another attribute like dropdown-custom-class to the directive and the class would be added to the main container i.e. <div class="dropdown my-custom-class">

@wesleycho
Copy link
Contributor

This makes a lot of sense - PRs welcome!

@wesleycho
Copy link
Contributor

As per discussion in fa1cdfc, this feature will not be supported. In order to accomplish custom classes currently, the solution espoused is to use a custom typeahead popup template.

jasonaden pushed a commit to deskfed/bootstrap that referenced this issue Jan 8, 2016
- Adds support for custom classes on the typeahead dropdown

Closes angular-ui#4332
Closes angular-ui#4410
@datazen
Copy link

datazen commented Dec 24, 2018

This actually makes more sense than you would think. It would be NICE to simply have a class we can change in the ngb-typeahead-window div. I mean how freaking hard would that be to do? It seems a lot of users are having the same issues.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

3 participants