@semantic-ui/templating
Advanced tools
Comparing version
@@ -8,9 +8,9 @@ { | ||
"dependencies": { | ||
"@semantic-ui/component": "^0.0.38", | ||
"@semantic-ui/query": "^0.0.38", | ||
"@semantic-ui/reactivity": "^0.0.38", | ||
"@semantic-ui/templating": "^0.0.38", | ||
"@semantic-ui/utils": "^0.0.38" | ||
"@semantic-ui/component": "^0.0.39", | ||
"@semantic-ui/query": "^0.0.39", | ||
"@semantic-ui/reactivity": "^0.0.39", | ||
"@semantic-ui/templating": "^0.0.39", | ||
"@semantic-ui/utils": "^0.0.39" | ||
}, | ||
"version": "0.0.38" | ||
"version": "0.0.39" | ||
} |
@@ -372,2 +372,9 @@ import { $ } from '@semantic-ui/query'; | ||
} | ||
// check if event occured on a deep event handler and the handler type isnt 'deep' | ||
const isDeep = selector && $(event.target).closest(selector).length == 0; | ||
if(eventType !== 'deep' && isDeep) { | ||
return; | ||
} | ||
// handle related target use case for special events | ||
@@ -380,8 +387,2 @@ if (inArray(eventName, ['mouseover', 'mouseout']) | ||
// check if the event occurred in a slotted element or nested web component | ||
const isDeep = $(event.target).closest(selector).length == 0; | ||
if(isDeep && eventType !== 'deep') { | ||
return; | ||
} | ||
// prepare data for users event handler | ||
@@ -388,0 +389,0 @@ const targetElement = this; |
83172
0.02%+ Added
+ Added
+ Added
+ Added
- Removed
- Removed
- Removed
- Removed
Updated
Updated