topaxi/angular-dropdown

Simple angular dropdown component

Damian Senn

Blog | CV

I'm an Early 🐤

🌞 Morning                11509 commits       █████░░░░░░░░░░░░░░░░░░░░   18.94 % 
🌆 Daytime                28417 commits       ████████████░░░░░░░░░░░░░   46.77 % 
🌃 Evening                18650 commits       ████████░░░░░░░░░░░░░░░░░   30.69 % 
🌙 Night                  2187 commits        █░░░░░░░░░░░░░░░░░░░░░░░░   03.60 % 

📅 I'm Most Productive on Wednesday

Monday                   9955 commits        ████░░░░░░░░░░░░░░░░░░░░░   16.38 % 
Tuesday                  8437 commits        ███░░░░░░░░░░░░░░░░░░░░░░   13.89 % 
Wednesday                13514 commits       ██████░░░░░░░░░░░░░░░░░░░   22.24 % 
Thursday                 8519 commits        ████░░░░░░░░░░░░░░░░░░░░░   14.02 % 
Friday                   5468 commits        ██░░░░░░░░░░░░░░░░░░░░░░░   09.00 % 
Saturday                 5167 commits        ██░░░░░░░░░░░░░░░░░░░░░░░   08.50 % 
Sunday                   9703 commits        ████░░░░░░░░░░░░░░░░░░░░░   15.97 % 

📊 This Week I Spent My Time On

🕑︎ Time Zone: Europe/Zurich

💬 Programming Languages: 
JavaScript               20 mins             ████████████████████░░░░░   80.05 % 
Lua                      4 mins              ████░░░░░░░░░░░░░░░░░░░░░   17.50 % 
TypeScript               0 secs              ░░░░░░░░░░░░░░░░░░░░░░░░░   01.65 % 
hyprlang                 0 secs              ░░░░░░░░░░░░░░░░░░░░░░░░░   00.79 % 

🔥 Editors: 
Neovim                   25 mins             █████████████████████████   100.00 % 

💻 Operating System: 
Linux                    25 mins             █████████████████████████   100.00 % 

I Mostly Code in JavaScript

TypeScript               29 repos            ██████░░░░░░░░░░░░░░░░░░░   22.83 % 
Rust                     9 repos             ██░░░░░░░░░░░░░░░░░░░░░░░   07.09 % 
Lua                      8 repos             ██░░░░░░░░░░░░░░░░░░░░░░░   06.30 % 
GDScript                 1 repo              ░░░░░░░░░░░░░░░░░░░░░░░░░   00.79 % 
Jupyter Notebook         1 repo              ░░░░░░░░░░░░░░░░░░░░░░░░░   00.79 % 

angular-dropdown's Issues

Error "Cannot resolve defenitions for module 'angular-dropdown'" in non-webpack projects

I tries to add angular-dropdown in my angular project created with angular-cli
Then I got this error

ERROR in app/app.module.ts(65,5): Error during template compile of 'AppModule'
  Could not resolve angular-dropdown relative to /home/goodwin/Projects/zhs/frontend/src/app/app.module.ts..
src/app/app.module.ts(37,39): error TS2307: Cannot find module 'angular-dropdown'.

Suggest: create index.ts file, just like in https://github.com/topaxi/angular-wormhole

Failed to execute 'observe' on 'MutationObserver': parameter 1 is not of type 'Node'.

Probably another place where dropdownElement might not be initialized in special situations?

• AngularDropdownContentComponent.startObservingDomMutations
• AngularDropdownContentComponent.open

Cannot read property 'classList' of null

Occasionally, we receive the following error at AngularDropdownContentComponent.set [as animationClass]: "TypeError: Cannot read property 'classList' of null"

It appears that the dropdownElement is null sometimes. I guess the method could just early return if this is the case.

opening or closing programatically..

How do you open or close the component programatically?

Error with compilation

Hi, could you fix this problem?

ERROR in src/app/header-filter/header-filter.component.html(103,11): Directive AngularDropdownControlDirective, Property 'isOpen' does not exist on type 'AngularDropdownDirective'. Did you mean '_isOpen$'?
src/app/header-filter/header-filter.component.html(103,11): Directive AngularDropdownControlDirective, Property 'isOpen' does not exist on type 'AngularDropdownDirective'. Did you mean '_isOpen$'?

Thanks a lot!

npm warning on angular 7

npm WARN [email protected] requires a peer of @angular/common@^6.0.0-rc.0 || ^6.0.0 but none is installed. You must install peer dependencies yourself.
npm WARN [email protected] requires a peer of @angular/core@^6.0.0-rc.0 || ^6.0.0 but none is installed. You must install peer dependencies yourself.

Failed run with Angular Universal

var closest = ((/** @type {?} */ (window))).Element && Element.prototype.closest
ReferenceError: Element is not defined

Angular CLI: 7.3.8
Node: 11.7.0
OS: linux x64
Angular: 7.2.12
... animations, common, compiler, compiler-cli, core, forms
... http, language-service, platform-browser
... platform-browser-dynamic, platform-server, router

Package Version

@angular-devkit/architect 0.13.8
@angular-devkit/build-angular 0.13.8
@angular-devkit/build-optimizer 0.13.8
@angular-devkit/build-webpack 0.13.8
@angular-devkit/core 7.3.8
@angular-devkit/schematics 7.3.8
@angular/cli 7.3.8
@ngtools/webpack 7.3.8
@schematics/angular 7.3.8
@schematics/update 0.13.8
rxjs 6.4.0
typescript 3.2.4
webpack 4.29.0