Ngx-bootstrap: Dropdowns: autoClose attribute does not work

Created on 30 Jun 2016  ·  11Comments  ·  Source: valor-software/ngx-bootstrap

If I try to set [autoClose] to 'nonInput' or 'outsideClick' that will be ignored. Dropdown will close anyway, everytime.

<div dropdown (onToggle)="dropdownToggled($event)" [autoClose]="'nonInput'">
    <div class="dropdown-toggle-btn" [class.disabled]="isDisabled()">
        <i class="fa fa-ellipsis-v" dropdownToggle [disabled]="isDisabled()"></i></div>
    <div class="dropdown-menu"> . . .</div>
</div>

Most helpful comment

Here's an example with 'outsideClick', working as expected. Can you update the sample to show how you can reproduce this ?

All 11 comments

Not sure why it's not working for you, I have dropdowns with both options 'nonInput' or 'outsideClick' and they work as expected.

Can you show a complete example on how are you able to reproduce this ?

Also having this issue - using version 1.0.16

@iradovanovic - does "'disabled'" work for you - that seems to be one of the options that I can get working, however "'outsideClick'" also does not work. Like so...

 <div class="" dropdown 
                  [(isOpen)]="status.isopen"
                  (onToggle)="onToggle($event)"
                  [autoClose]="'disabled'"
                  [ngStyle]="styles">

I have to check. sorry, i'm on vacation now :)
On Jul 11, 2016 21:11, "Chris Amatangelo" [email protected] wrote:

@iradovanovic https://github.com/iradovanovic - does "'disabled'" work
for you - that seems to be one of the options that I can get working,
however "'outsideClick'" also does not work. Like so...

[(isOpen)]="status.isopen"
(onToggle)="onToggle($event)"
[autoClose]="'disabled'"
[ngStyle]="styles">


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/valor-software/ng2-bootstrap/issues/672#issuecomment-231834352,
or mute the thread
https://github.com/notifications/unsubscribe/ALgilvuiqW76bdm9iesf9r-QYGx0CN95ks5qUpVugaJpZM4JCKo9
.

@rgbchris Can you upgrade to 1.0.20?

@Dinistro - tried upgrading to 1.0.20 and 1.0.22 but no luck - "'outsideClick'" doesn't seem to work, it always closes the dropdown whenever I click on the dropdown-menu.

Here's an example with 'outsideClick', working as expected. Can you update the sample to show how you can reproduce this ?

@adrianfaciu & @Dinistro - got it working, I was kebab casing my dropdownMenu directive [facepalm] . I assume that's what @iradovanovic was doing as well.

@rgbchris it happens :)

@adrianfaciu thanks for help

1 hour of debugging later and this happened to me also. I make this comment purely to help google find this page for others <li dropdown [autoClose]="'nonInput'"> does not to work when dropdownMenu is misspelt as dropDownMenu. 👍

Was this page helpful?
0 / 5 - 0 ratings