@@ -18,10 +18,7 @@ import {
18
18
getHideProp ,
19
19
uuid
20
20
} from '../../utils' ;
21
- import {
22
- isEventTargetNavigationItem ,
23
- NavigationItemSafeTriangle
24
- } from '../../utils/navigation' ;
21
+ import { NavigationItemSafeTriangle } from '../../utils/navigation' ;
25
22
import DBButton from '../button/button.lite' ;
26
23
import { DBNavigationItemProps , DBNavigationItemState } from './model' ;
27
24
@@ -41,12 +38,12 @@ export default function DBNavigationItem(props: DBNavigationItemProps) {
41
38
autoClose : false ,
42
39
subNavigationId : 'sub-navigation-' + uuid ( ) ,
43
40
navigationItemSafeTriangle : undefined ,
44
- handleNavigationItemClick : ( event : unknown ) => {
45
- if ( isEventTargetNavigationItem ( event ) ) {
41
+ handleNavigationItemClick : ( event : any ) => {
42
+ if ( event ?. target ?. nodeName === 'A' ) {
46
43
state . autoClose = true ;
47
- delay ( ( ) => {
44
+ void delay ( ( ) => {
48
45
state . autoClose = false ;
49
- } , 300 ) ;
46
+ } , 1000 ) ;
50
47
}
51
48
} ,
52
49
handleClick : ( event : ClickEvent < HTMLButtonElement > | any ) => {
@@ -142,7 +139,7 @@ export default function DBNavigationItem(props: DBNavigationItemProps) {
142
139
{ /* TODO: Consider using popover here */ }
143
140
< menu
144
141
class = "db-sub-navigation"
145
- data-auto -close = { state . autoClose }
142
+ data-force -close = { state . autoClose }
146
143
id = { state . subNavigationId }
147
144
onClick = { ( event ) => state . handleNavigationItemClick ( event ) } >
148
145
< Show when = { state . hasAreaPopup } >
0 commit comments