wieerwill/platform
1
0
Fork 0
mirror of https://github.com/hcengineering/platform.git synced 2025-04-23 16:56:07 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

Fix Tooltip hover (#295)

Browse Source 
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
This commit is contained in:
Alexander Platov 2021-11-04 14:17:36 +03:00 committed by GitHub
parent f732f0568a
commit e3441737e5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/ui/src/components/TooltipInstance.svelte
View File

@ -20,7 +20,9 @@
let tooltipHTML: HTMLElement let tooltipHTML: HTMLElement
let dir: TooltipAligment let dir: TooltipAligment
let rect: DOMRect let rect: DOMRect
let tooltipSW: boolean // tooltipSW = true - Label; false - Component
$: tooltipSW = $tooltip.component ? false : true
$: { $: {
if ($tooltip.label && tooltipHTML) { if ($tooltip.label && tooltipHTML) {
if ($tooltip.element) { if ($tooltip.element) {
@ -104,13 +106,17 @@
const whileShow = (ev: MouseEvent): void => { const whileShow = (ev: MouseEvent): void => {
if ($tooltip.element) { if ($tooltip.element) {
const rectP = tooltipHTML.getBoundingClientRect() const rectP = tooltipHTML.getBoundingClientRect()
const topT = (dir === 'top') ? rect.top - 16 : rect.top const rectT = {
const bottomT = (dir === 'bottom') ? rect.bottom + 16 : rect.bottom top: (dir === 'top') ? rect.top - 16 : rect.top,
const leftT = (dir === 'left') ? rect.left - 16 : rect.left bottom: (dir === 'bottom') ? rect.bottom + 16 : rect.bottom,
const rightT = (dir === 'right') ? rect.right + 16 : rect.right left: (dir === 'left') ? rect.left - 16 : rect.left,
if (!((ev.x >= leftT && ev.x <= rightT && ev.y >= topT && ev.y <= bottomT) || right: (dir === 'right') ? rect.right + 16 : rect.right
(ev.x >= rectP.left && ev.x <= rectP.right && ev.y >= rectP.top && ev.y <= rectP.bottom)) }
) hideTooltip() const inTrigger: boolean = (ev.x >= rect.left && ev.x <= rect.right && ev.y >= rect.top && ev.y <= rect.bottom)
const inTriggerWS: boolean = (ev.x >= rectT.left && ev.x <= rectT.right && ev.y >= rectT.top && ev.y <= rectT.bottom)
const inPopup: boolean = (ev.x >= rectP.left && ev.x <= rectP.right && ev.y >= rectP.top && ev.y <= rectP.bottom)
if (tooltipSW) { if (!inTrigger) hideTooltip() }
else { if (!(inTriggerWS || inPopup)) hideTooltip() }
} }
} }
</script> </script>