Commited8859a

committed

fix(dropdown): autoClose inside click fails for dynamic content

1 parentb511885 commited8859aCopy full SHA for ed8859a

File tree

1 file changed

+10

-7

lines changed

projects/coreui-angular/src/lib/dropdown/dropdown
- dropdown.component.ts

1 file changed

+10

-7

lines changed

`‎projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts`

Lines changed: 10 additions & 7 deletions

Original file line number	Diff line number	Diff line change
`@@ -235,6 +235,13 @@ export class DropdownComponent implements AfterContentInit, OnDestroy, OnInit {`
`235`	`235`	`returnthis.variant==='input-group' ?{display:'contents'} :{};`
`236`	`236`	`}`
`237`	`237`
	`238`	`+privateclickedTarget!:HTMLElement;`
	`239`	`+`
	`240`	`+ @HostListener('click',['$event'])`
	`241`	`+privateonHostClick($event:MouseEvent):void{`
	`242`	`+this.clickedTarget=$event.targetasHTMLElement;`
	`243`	`+}`
	`244`	`+`
`238`	`245`	`dropdownStateSubscribe(subscribe:boolean=true):void{`
`239`	`246`	`if(subscribe){`
`240`	`247`	`this.dropdownStateSubscription=`
`@@ -313,28 +320,24 @@ export class DropdownComponent implements AfterContentInit, OnDestroy, OnInit {`
`313`	`320`	`}`
`314`	`321`
`315`	`322`	`privatesetListeners():void{`
`316`		`-consthost=this.elementRef.nativeElement;`
`317`	`323`	`this.listeners.push(`
`318`	`324`	`this.renderer.listen(this.document,'click',(event)=>{`
	`325`	`+consttarget=event.targetasHTMLElement;`
`319`	`326`	`if(this._toggler?.elementRef.nativeElement.contains(event.target)){`
`320`	`327`	`return;`
`321`	`328`	`}`
`322`	`329`	`if(this.autoClose===true){`
`323`	`330`	`this.setVisibleState(false);`
`324`	`331`	`return;`
`325`	`332`	`}`
`326`		`-if(!host.contains(event.target)){`
`327`		`-if(this.autoClose==='outside'){`
	`333`	`+if(this.clickedTarget===target&&this.autoClose==='inside'){`
`328`	`334`	`this.setVisibleState(false);`
`329`	`335`	`return;`
`330`	`336`	`}`
`331`		`-}`
`332`		`-if(this._menu.elementRef.nativeElement.contains(event.target)){`
`333`		`-if(this.autoClose==='inside'){`
	`337`	`+if(this.clickedTarget!==target&&this.autoClose==='outside'){`
`334`	`338`	`this.setVisibleState(false);`
`335`	`339`	`return;`
`336`	`340`	`}`
`337`		`-}`
`338`	`341`	`})`
`339`	`342`	`);`
`340`	`343`	`this.listeners.push(`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Commited8859a

File tree

1 file changed

1 file changed

`‎projects/coreui-angular/src/lib/dropdown/dropdown/dropdown.component.ts`

0 commit comments