ferdium-app
ferdium-app copied to clipboard
Sidebar Service Button Mouseover Tooltip not hiding in some cases
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.