File tree Expand file tree Collapse file tree 1 file changed +29
-0
lines changed
projects/igniteui-angular/src/lib/services/overlay Expand file tree Collapse file tree 1 file changed +29
-0
lines changed Original file line number Diff line number Diff line change @@ -887,6 +887,35 @@ describe('igxOverlay', () => {
887887 expect ( element . style . width ) . toBe ( '200px' ) ;
888888 expect ( element . style . height ) . toBe ( '100px' ) ;
889889 } ) ;
890+
891+ it ( 'should close overlay on outside click when target is point, #8297' , fakeAsync ( ( ) => {
892+ const fix = TestBed . createComponent ( EmptyPageComponent ) ;
893+ const button = fix . componentInstance . buttonElement ;
894+ const overlay = fix . componentInstance . overlay ;
895+ fix . detectChanges ( ) ;
896+
897+ const overlaySettings : OverlaySettings = {
898+ modal : false ,
899+ closeOnOutsideClick : true ,
900+ positionStrategy : new ConnectedPositioningStrategy ( )
901+ } ;
902+
903+ overlaySettings . positionStrategy . settings . target = new Point ( 10 , 10 ) ;
904+
905+ overlay . show ( overlay . attach ( SimpleDynamicComponent ) , overlaySettings ) ;
906+ tick ( ) ;
907+ fix . detectChanges ( ) ;
908+
909+ let overlayDiv : Element = document . getElementsByClassName ( CLASS_OVERLAY_MAIN ) [ 0 ] ;
910+ expect ( overlayDiv ) . toBeDefined ( ) ;
911+
912+ document . body . click ( ) ;
913+ tick ( ) ;
914+ fix . detectChanges ( ) ;
915+
916+ overlayDiv = document . getElementsByClassName ( CLASS_OVERLAY_MAIN ) [ 0 ] ;
917+ expect ( overlayDiv ) . toBeUndefined ( ) ;
918+ } ) ) ;
890919 } ) ;
891920
892921 describe ( 'Unit Tests - Scroll Strategies: ' , ( ) => {
You can’t perform that action at this time.
0 commit comments