Sidebar Service Button Mouseover Tooltip not hiding in some cases

Open therealgorgan opened this issue 2 years ago • 3 comments

Avoid duplicates

[X] I agree to follow the Code of Conduct that this project adheres to.
[X] I have searched the issues tracker for a bug report similar to mine, in vain

Ferdium Version

6.4.0

What Operating System are you using?

Windows

Operating System Version

Windows 11 Pro 22H2

What arch are you using?

x64

Last Known Working Ferdium version

No response

Expected Behavior

While the Ferdium window is out-of-focus with another application's window parked directly next to it where the borders of the windows are almost touching, when dragging the mouse over the Ferdium window and over the sidebar & service buttons, it should detect that I've moved the mouse out of bounds and auto-hide the mouseover tooltip that appears when hovering over the service buttons.

Actual Behavior

About 66% of the time the mouseover tooltip stays floating indefinitely until you move the mouse back to the Ferdium window's space

Steps to reproduce

Open Ferdium
Open Notepad
Split the screen between the two apps so they are side-by-side with Notepad on the left side and Ferdium on the right (they don't have to be snapped together, but I always have Windows Sticky Notes open right next to Ferdium on the left side with maybe a 5px gap between them)
Click into Notepad so that it has the focus
Drag the cursor to the right side of the screen
Drag the cursor towards the left side of the screen, making sure to hover over one of the Service buttons in the sidebar
May have to repeat a couple of times until the Tooltip sticks

Debug link

{
  "host": {
    "platform": "win32",
    "release": "10.0.22621",
    "screens": [
      {
        "id": 2528732444,
        "label": "SB220Q",
        "bounds": {
          "x": 0,
          "y": 0,
          "width": 1920,
          "height": 1080
        },
        "workArea": {
          "x": 0,
          "y": 0,
          "width": 1920,
          "height": 1032
        },
        "accelerometerSupport": "unknown",
        "monochrome": false,
        "colorDepth": 24,
        "colorSpace": "{primaries:BT709, transfer:SRGB, matrix:RGB, range:FULL}",
        "depthPerComponent": 8,
        "size": {
          "width": 1920,
          "height": 1080
        },
        "displayFrequency": 59,
        "workAreaSize": {
          "width": 1920,
          "height": 1032
        },
        "scaleFactor": 1,
        "rotation": 0,
        "internal": false,
        "touchSupport": "unknown"
      },
      {
        "id": 2779098405,
        "label": "SB220Q",
        "bounds": {
          "x": -1920,
          "y": 0,
          "width": 1920,
          "height": 1080
        },
        "workArea": {
          "x": -1920,
          "y": 0,
          "width": 1920,
          "height": 1032
        },
        "accelerometerSupport": "unknown",
        "monochrome": false,
        "colorDepth": 24,
        "colorSpace": "{primaries:BT709, transfer:SRGB, matrix:RGB, range:FULL}",
        "depthPerComponent": 8,
        "size": {
          "width": 1920,
          "height": 1080
        },
        "displayFrequency": 59,
        "workAreaSize": {
          "width": 1920,
          "height": 1032
        },
        "scaleFactor": 1,
        "rotation": 0,
        "internal": false,
        "touchSupport": "unknown"
      },
      {
        "id": 2841568472,
        "label": "KA222Q",
        "bounds": {
          "x": 1920,
          "y": 0,
          "width": 1920,
          "height": 1080
        },
        "workArea": {
          "x": 1920,
          "y": 0,
          "width": 1920,
          "height": 1032
        },
        "accelerometerSupport": "unknown",
        "monochrome": false,
        "colorDepth": 24,
        "colorSpace": "{primaries:BT709, transfer:SRGB, matrix:RGB, range:FULL}",
        "depthPerComponent": 8,
        "size": {
          "width": 1920,
          "height": 1080
        },
        "displayFrequency": 60,
        "workAreaSize": {
          "width": 1920,
          "height": 1032
        },
        "scaleFactor": 1,
        "rotation": 0,
        "internal": false,
        "touchSupport": "unknown"
      }
    ]
  },
  "ferdium": {
    "version": "6.4.0",
    "electron": "25.2.0",
    "installedRecipes": [
      {
        "id": "android-messages",
        "version": "2.3.1"
      },
      {
        "id": "discord",
        "version": "1.7.10"
      },
      {
        "id": "franz-custom-website",
        "version": "1.3.0"
      },
      {
        "id": "gmail",
        "version": "1.5.1"
      },
      {
        "id": "messenger",
        "version": "1.7.7"
      },
      {
        "id": "mysms",
        "version": "1.2.0"
      },
      {
        "id": "trello",
        "version": "1.3.0"
      },
      {}
    ],
    "devRecipes": [],
    "services": [
      {
        "id": "65c1cef6-2df7-4c50-89a4-7d828641c0c5",
        "recipe": "gmail",
        "isAttached": true,
        "isActive": false,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": true,
        "isProgressbarEnabled": false
      },
      {
        "id": "159d4960-04ae-498d-bc71-bbce63a55a5c",
        "recipe": "android-messages",
        "isAttached": true,
        "isActive": false,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": false,
        "isProgressbarEnabled": false
      },
      {
        "id": "d7ab241e-6ed4-418b-b105-b8da3279c785",
        "recipe": "franz-custom-website",
        "isAttached": true,
        "isActive": false,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": false,
        "isProgressbarEnabled": false
      },
      {
        "id": "7781e0bd-f213-44af-8a43-315559e9e4ae",
        "recipe": "messenger",
        "isAttached": true,
        "isActive": false,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": true,
        "isProgressbarEnabled": false
      },
      {
        "id": "69c4d34e-2df7-420f-ae39-6ca0d1c57acb",
        "recipe": "discord",
        "isAttached": true,
        "isActive": false,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": false,
        "isProgressbarEnabled": false
      },
      {
        "id": "f4957c11-7b6e-4bbc-8d23-afb67a013d18",
        "recipe": "franz-custom-website",
        "isAttached": true,
        "isActive": false,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": true,
        "isProgressbarEnabled": false
      },
      {
        "id": "998ab1b0-6519-4477-8929-30e489dfe979",
        "recipe": "trello",
        "isAttached": true,
        "isActive": true,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": false,
        "isProgressbarEnabled": false
      },
      {
        "id": "27b6fa52-d77b-4b1f-9ad3-3d140680ad76",
        "recipe": "franz-custom-website",
        "isAttached": true,
        "isActive": false,
        "isEnabled": true,
        "isHibernating": false,
        "hasCrashed": false,
        "isDarkModeEnabled": true,
        "isProgressbarEnabled": false
      }
    ],
    "messages": [
      {
        "type": "error",
        "request": {
          "result": null,
          "wasExecuted": true,
          "method": "getInfo"
        },
        "error": {},
        "response": {},
        "server": "https://api.ferdium.org"
      },
      {
        "type": "error",
        "request": {
          "result": null,
          "wasExecuted": true,
          "method": "features"
        },
        "error": {},
        "response": {},
        "server": "https://api.ferdium.org"
      },
      {
        "type": "error",
        "request": {
          "result": null,
          "wasExecuted": true,
          "method": "all"
        },
        "error": {},
        "response": {},
        "server": "https://api.ferdium.org"
      },
      {
        "type": "error",
        "info": [
          "error",
          "Warning: Failed setTodosWebview type: The setTodosWebview `webview` is marked as required in `<<anonymous>>`, but its value is `undefined`."
        ]
      },
      {
        "type": "error",
        "info": [
          "error",
          "Warning: validateDOMNesting(...): %s cannot appear as a descendant of <%s>.%s",
          "<div>",
          "p",
          "\n    at div\n    at SliderPointer\n    at div\n    at div\n    at div\n    at Hue (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-color\\lib\\components\\common\\Hue.js:40:5)\n    at div\n    at div\n    at Slider (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-color\\lib\\components\\slider\\Slider.js:37:18)\n    at ColorPicker (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-color\\lib\\components\\common\\ColorWrap.js:39:7)\n    at div\n    at ColorPickerInput (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\ui\\colorPickerInput\\index.js:1:1166)\n    at div\n    at p\n    at div\n    at form\n    at div\n    at div\n    at EditSettingsForm (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\settings\\settings\\EditSettingsForm.js:1:8362)\n    at injectIntl(EditSettingsForm)\n    at ErrorBoundary (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\util\\ErrorBoundary\\index.js:1:1243)\n    at injectIntl(ErrorBoundary)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-jss\\dist\\react-jss.cjs.js:420:25\n    at EditSettingsScreen (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\containers\\settings\\EditSettingsScreen.js:1:8909)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\mobx-react\\dist\\mobxreact.cjs.development.js:524:34\n    at injectIntl(inject-with-stores-actions(EditSettingsScreen))\n    at RenderedRoute (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router\\dist\\umd\\react-router.development.js:700:7)\n    at Outlet (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router\\dist\\umd\\react-router.development.js:1056:28)\n    at div\n    at ErrorBoundary (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\util\\ErrorBoundary\\index.js:1:1243)\n    at injectIntl(ErrorBoundary)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-jss\\dist\\react-jss.cjs.js:420:25\n    at div\n    at CSSTransitionGroupChild (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-transition-group\\CSSTransitionGroupChild.js:83:5)\n    at span\n    at TransitionGroup (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-transition-group\\TransitionGroup.js:50:5)\n    at CSSTransitionGroup (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-transition-group\\CSSTransitionGroup.js:56:5)\n    at Appear (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\ui\\effects\\Appear.js:1:816)\n    at SettingsLayout (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\settings\\SettingsLayout.js:1:1467)\n    at injectIntl(SettingsLayout)\n    at ErrorBoundary (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\util\\ErrorBoundary\\index.js:1:1243)\n    at injectIntl(ErrorBoundary)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-jss\\dist\\react-jss.cjs.js:420:25\n    at SettingsContainer (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\containers\\settings\\SettingsWindow.js:1:1437)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\mobx-react\\dist\\mobxreact.cjs.development.js:524:34\n    at RenderedRoute (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router\\dist\\umd\\react-router.development.js:700:7)\n    at Outlet (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router\\dist\\umd\\react-router.development.js:1056:28)\n    at div\n    at div\n    at div\n    at ErrorBoundary (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\util\\ErrorBoundary\\index.js:1:1243)\n    at injectIntl(ErrorBoundary)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-jss\\dist\\react-jss.cjs.js:420:25\n    at AppLayout (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\components\\layout\\AppLayout.js:1:2936)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-jss\\dist\\react-jss.cjs.js:420:25\n    at injectIntl(WithStyles(AppLayout))\n    at ThemeProvider (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\theming\\dist\\theming.cjs.js:78:37)\n    at AppLayoutContainer (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\containers\\layout\\AppLayoutContainer.js:1:1494)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\mobx-react\\dist\\mobxreact.cjs.development.js:524:34\n    at RenderedRoute (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router\\dist\\umd\\react-router.development.js:700:7)\n    at Routes (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router\\dist\\umd\\react-router.development.js:1147:7)\n    at Router (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router\\dist\\umd\\react-router.development.js:1079:17)\n    at HistoryRouter (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-router-dom\\dist\\umd\\react-router-dom.development.js:319:7)\n    at FerdiumRoutes (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\routes.js:1:2549)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\mobx-react\\dist\\mobxreact.cjs.development.js:524:34\n    at IntlProvider (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\react-intl\\src\\components\\provider.js:88:47)\n    at I18N (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\I18n.js:1:1030)\n    at C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\mobx-react\\dist\\mobxreact.cjs.development.js:524:34\n    at Provider (C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\mobx-react\\dist\\mobxreact.cjs.development.js:493:24)"
        ]
      },
      {
        "type": "error",
        "request": {
          "result": null,
          "wasExecuted": true,
          "method": "getAppCacheSize"
        },
        "error": {
          "code": 1,
          "killed": false,
          "signal": null,
          "cmd": "\"C:\\Users\\flynn\\AppData\\Local\\Programs\\ferdium\\resources\\app.asar\\node_modules\\fast-folder-size\\bin\\du.exe\" -nobanner -accepteula -q -c ."
        },
        "response": {},
        "server": "https://api.ferdium.org"
      },
      {
        "type": "error",
        "info": [
          "error",
          "Updater error:",
          {}
        ]
      },
      {
        "type": "error",
        "info": [
          "error",
          "Updater error:",
          {}
        ]
      }
    ],
    "workspaces": [],
    "windowSettings": {
      "width": 1549,
      "height": 919,
      "x": 2290,
      "y": 0,
      "displayBounds": {
        "x": 1920,
        "y": 0,
        "width": 1920,
        "height": 1080
      },
      "isMaximized": false,
      "isFullScreen": false
    },
    "settings": {
      "autoLaunchOnStart": false,
      "autoLaunchInBackground": false,
      "runInBackground": true,
      "reloadAfterResume": true,
      "reloadAfterResumeTime": 10,
      "enableSystemTray": true,
      "startMinimized": false,
      "confirmOnQuit": false,
      "minimizeToSystemTray": false,
      "closeToSystemTray": true,
      "privateNotifications": false,
      "clipboardNotifications": true,
      "notifyTaskBarOnMessage": false,
      "showDisabledServices": true,
      "showServiceName": false,
      "showMessageBadgeWhenMuted": true,
      "showDragArea": false,
      "enableSpellchecking": true,
      "enableTranslator": false,
      "spellcheckerLanguage": "en-us",
      "darkMode": true,
      "navigationBarManualActive": false,
      "splitMode": false,
      "splitColumns": 2,
      "fallbackLocale": "en-US",
      "beta": false,
      "isAppMuted": false,
      "enableGPUAcceleration": true,
      "enableGlobalHideShortcut": false,
      "server": "https://api.ferdium.org",
      "predefinedTodoServer": "https://todo.microsoft.com/?app#",
      "autohideMenuBar": true,
      "lockingFeatureEnabled": false,
      "locked": false,
      "lockedPassword": "******",
      "useTouchIdToUnlock": true,
      "scheduledDNDEnabled": false,
      "scheduledDNDStart": "17:00",
      "scheduledDNDEnd": "09:00",
      "hibernateOnStartup": true,
      "hibernationStrategy": 3600,
      "wakeUpStrategy": 300,
      "wakeUpHibernationStrategy": 0,
      "wakeUpHibernationSplay": true,
      "inactivityLock": 0,
      "automaticUpdates": true,
      "universalDarkMode": true,
      "userAgentPref": "",
      "adaptableDarkMode": true,
      "accentColor": "#000000",
      "progressbarAccentColor": "#7367F0",
      "serviceRibbonWidth": 68,
      "sidebarServicesLocation": 0,
      "iconSize": 20,
      "sentry": true,
      "navigationBarBehaviour": "custom",
      "webRTCIPHandlingPolicy": "disable_non_proxied_udp",
      "searchEngine": "startPage",
      "translatorLanguage": "en",
      "translatorEngine": "LibreTranslate",
      "useHorizontalStyle": false,
      "hideCollapseButton": false,
      "isMenuCollapsed": false,
      "hideRecipesButton": false,
      "hideSplitModeButton": false,
      "useGrayscaleServices": false,
      "grayscaleServicesDim": 50,
      "hideWorkspacesButton": true,
      "hideNotificationsButton": false,
      "hideSettingsButton": false,
      "alwaysShowWorkspaces": false,
      "liftSingleInstanceLock": false,
      "enableLongPressServiceHint": false,
      "isTodosFeatureEnabled": true,
      "customTodoServer": "",
      "locale": "en-US",
      "keepAllWorkspacesLoaded": false,
      "proxyFeatureEnabled": false,
      "onlyShowFavoritesInUnreadCount": false
    },
    "features": {
      "isServiceProxyEnabled": true,
      "isWorkspaceEnabled": true,
      "isAnnouncementsEnabled": true,
      "isSettingsWSEnabled": false,
      "isMagicBarEnabled": true,
      "isTodosEnabled": true
    },
    "user": "82c1cf9d-ab58-4da2-b55e-aaa41d2142d8"
  }
}

Screenshots

https://github.com/ferdium/ferdium-app/assets/33201476/127ab7cf-1a47-4dce-a0b6-403c795d801b

Additional information

This can also happen if you set the Services bar to be Horizontal and on the top, but then if your application/webpage has it's own sidebar, like Discord for example, then if it has tooltips for mouseover event, the same issue can occur with those tooltips, so it's not just related to sidebar tooltips, but all of them.

Jul 23 '23 10:07 therealgorgan

Hi @therealgorgan, we have just merged PR #1278 which updates the module responsible for the tooltips. If you could try the new release (version 6.4.1-nightly.11) to verify if this problem is fixed, that would be great. Otherwise, you can wait for a stable version to be released to test it out. After you've done so, please either close this issue, or let us know so that we could look into it.

Jul 24 '23 10:07 Alphrag

Hi @therealgorgan, we have just merged PR #1278 which updates the module responsible for the tooltips. If you could try the new release (version 6.4.1-nightly.11) to verify if this problem is fixed, that would be great. Otherwise, you can wait for a stable version to be released to test it out. After you've done so, please either close this issue, or let us know so that we could look into it.

Hi thanks for working on it! I just updated to the latest nightly 6.4.1-nightly.16 but it does still appear to have the tooltip lingering issue.

My updated debug info:

Aug 01 '23 03:08 therealgorgan

I was able to reproduce this, but the applications have to be positioned in a very specific way. Not sure if there is anything that we can do here on our end except for switching away from react-tooltip to another dependency.

Screencast from 2024-04-13 18-12-30.webm

Apr 14 '24 00:04 mcmxcdev