"articles" menu is unusable
-
That video is excellent. Question: Are you using a touchscreen? I assume from the video you're using a mouse?
cheers Chris Maunder
I am glad to help. :-O No, I am not using a touchscreen, a mouse, same as in the video (in fact that is the very system on which it happens and the very browser it happens in). Using touchscreen on Android tablet and phone, no issue, since there is no "hover" in that interface, you click, it opens, you select what you want. But on the Windows desktop using a mouse when you move it down (aka hover) to select something, gets snared by that flyout as you saw. Let me know anything else I can provide to help. I am happy to give you whatever you need to figure this out.
-
I am glad to help. :-O No, I am not using a touchscreen, a mouse, same as in the video (in fact that is the very system on which it happens and the very browser it happens in). Using touchscreen on Android tablet and phone, no issue, since there is no "hover" in that interface, you click, it opens, you select what you want. But on the Windows desktop using a mouse when you move it down (aka hover) to select something, gets snared by that flyout as you saw. Let me know anything else I can provide to help. I am happy to give you whatever you need to figure this out.
GµårÐïåñ wrote:
No, I am not using a touchscreen
Is the menu still showing problems (maybe a Ctrl+F5?). I've traced the issue, thanks to your incredibly helpful video, to the "open" class not being applied to the menu when you hover. Two things can stop this: the jQuery hover plugin not firing (if the user was using a touch interface or keyboard navigation) or if the browser thinks your system is a touchscreen (in which case our code failed to handle hover events - a mistake on our part). In either case I've changed the CSS so the menu should be positioned correctly. Should be, being the operative word. The hover stuff is there solely to allow us to keep the menu open for a few hundred milliseconds after the mouse exits the menu in order to make it less hair-trigger if you accidentally move your mouse out of the chapters menu while scrolling. If it's still not working then I'll start on plan C. Or D. Not sure where I'm up to at this point.
cheers Chris Maunder
-
GµårÐïåñ wrote:
No, I am not using a touchscreen
Is the menu still showing problems (maybe a Ctrl+F5?). I've traced the issue, thanks to your incredibly helpful video, to the "open" class not being applied to the menu when you hover. Two things can stop this: the jQuery hover plugin not firing (if the user was using a touch interface or keyboard navigation) or if the browser thinks your system is a touchscreen (in which case our code failed to handle hover events - a mistake on our part). In either case I've changed the CSS so the menu should be positioned correctly. Should be, being the operative word. The hover stuff is there solely to allow us to keep the menu open for a few hundred milliseconds after the mouse exits the menu in order to make it less hair-trigger if you accidentally move your mouse out of the chapters menu while scrolling. If it's still not working then I'll start on plan C. Or D. Not sure where I'm up to at this point.
cheers Chris Maunder
Quote:
Is the menu still showing problems (maybe a Ctrl+F5?). I've traced the issue, thanks to your incredibly helpful video, to the "open" class not being applied to the menu when you hover. Two things can stop this: the jQuery hover plugin not firing (if the user was using a touch interface or keyboard navigation) or if the browser thinks your system is a touchscreen (in which case our code failed to handle hover events - a mistake on our part).
Unfortunately, no it has not. I have done a hard reload, even disabled cache to make sure of it. You are welcome, glad it helped, I figured better to see it live than pictures to ensure we can observe the behavior best, glad it was helpful. I wish I knew why it is not triggering but I have ruled out touchscreen as the issue as this particular system is NOT touchscreen at all, which means there is no reason for the browser or anything to assume it. I even explicitly disabled OSK to ensure there is no trace of any misunderstanding by the browser. Alas, it still occurs. Honestly I can't even offer a reason at this point, all I can do is provide you everything I can to help in diagnosing it.
Quote:
In either case I've changed the CSS so the menu should be positioned correctly. Should be, being the operative word. The hover stuff is there solely to allow us to keep the menu open for a few hundred milliseconds after the mouse exits the menu in order to make it less hair-trigger if you accidentally move your mouse out of the chapters menu while scrolling.
Despite the change to trigger timer and the fact that there is no option to NOT hover over that item (it is not accidental, you have no choice but to hover over it as you try and reach other menu items) since it is the first item, it still entraps it. Unless the hover is longer so that the mouse can be moved very quickly to "beat" the trigger timer, it still entraps as before. I will try and modify the behavior as much as I can on the client-side using GM to try and see if I can "force" a delay on my end or alternatively temporarily neuter it (aka "defer" the behavior) so it allows hover past that item and I will share whatever "fix" or "hack" I can achieve with you to see if it can be translated to a server-side (aka your code) to mimic it or not. I'll keep you posted on that effort.
Quote:
If it's still not working then I'll start on plan C. Or D. Not sure where
-
GµårÐïåñ wrote:
No, I am not using a touchscreen
Is the menu still showing problems (maybe a Ctrl+F5?). I've traced the issue, thanks to your incredibly helpful video, to the "open" class not being applied to the menu when you hover. Two things can stop this: the jQuery hover plugin not firing (if the user was using a touch interface or keyboard navigation) or if the browser thinks your system is a touchscreen (in which case our code failed to handle hover events - a mistake on our part). In either case I've changed the CSS so the menu should be positioned correctly. Should be, being the operative word. The hover stuff is there solely to allow us to keep the menu open for a few hundred milliseconds after the mouse exits the menu in order to make it less hair-trigger if you accidentally move your mouse out of the chapters menu while scrolling. If it's still not working then I'll start on plan C. Or D. Not sure where I'm up to at this point.
cheers Chris Maunder
This may or may not be something but you might want to look into it and rule it out. I was running the debugger and setup breakpoints to catch the behavior as we go and came across this, thought I share.
TypeError: $(...).doubleTapToGo is not a function standard.min.js:1:15328
NavBarMenu/this.InitMenu https://codeproject.global.ssl.fastly.net/script/JS/standard.min.js:1:15328With the breakpoint at line 179 (aka ctl00_TopNavBar_MapFlyout) the menu positioning works as intended (yay) BUT as you can see, the display is offset and overlapping and a little messed up:
Just a quick share, onward I go... -
This may or may not be something but you might want to look into it and rule it out. I was running the debugger and setup breakpoints to catch the behavior as we go and came across this, thought I share.
TypeError: $(...).doubleTapToGo is not a function standard.min.js:1:15328
NavBarMenu/this.InitMenu https://codeproject.global.ssl.fastly.net/script/JS/standard.min.js:1:15328With the breakpoint at line 179 (aka ctl00_TopNavBar_MapFlyout) the menu positioning works as intended (yay) BUT as you can see, the display is offset and overlapping and a little messed up:
Just a quick share, onward I go...Excellent data point. Can you please try again?
cheers Chris Maunder
-
Quote:
Is the menu still showing problems (maybe a Ctrl+F5?). I've traced the issue, thanks to your incredibly helpful video, to the "open" class not being applied to the menu when you hover. Two things can stop this: the jQuery hover plugin not firing (if the user was using a touch interface or keyboard navigation) or if the browser thinks your system is a touchscreen (in which case our code failed to handle hover events - a mistake on our part).
Unfortunately, no it has not. I have done a hard reload, even disabled cache to make sure of it. You are welcome, glad it helped, I figured better to see it live than pictures to ensure we can observe the behavior best, glad it was helpful. I wish I knew why it is not triggering but I have ruled out touchscreen as the issue as this particular system is NOT touchscreen at all, which means there is no reason for the browser or anything to assume it. I even explicitly disabled OSK to ensure there is no trace of any misunderstanding by the browser. Alas, it still occurs. Honestly I can't even offer a reason at this point, all I can do is provide you everything I can to help in diagnosing it.
Quote:
In either case I've changed the CSS so the menu should be positioned correctly. Should be, being the operative word. The hover stuff is there solely to allow us to keep the menu open for a few hundred milliseconds after the mouse exits the menu in order to make it less hair-trigger if you accidentally move your mouse out of the chapters menu while scrolling.
Despite the change to trigger timer and the fact that there is no option to NOT hover over that item (it is not accidental, you have no choice but to hover over it as you try and reach other menu items) since it is the first item, it still entraps it. Unless the hover is longer so that the mouse can be moved very quickly to "beat" the trigger timer, it still entraps as before. I will try and modify the behavior as much as I can on the client-side using GM to try and see if I can "force" a delay on my end or alternatively temporarily neuter it (aka "defer" the behavior) so it allows hover past that item and I will share whatever "fix" or "hack" I can achieve with you to see if it can be translated to a server-side (aka your code) to mimic it or not. I'll keep you posted on that effort.
Quote:
If it's still not working then I'll start on plan C. Or D. Not sure where
GµårÐïåñ wrote:
I hope you realize my motivation is to help
And it's very much appreciated. You are going above and beyond. Thank you very much for your patience.
cheers Chris Maunder
-
Excellent data point. Can you please try again?
cheers Chris Maunder
As of testing right now, still the same behavior as last reported:
Although the "doubleTapToGo" probably doesn't apply to my setup and is probably geared more towards touch screen (just an assumption) it could be that if the script breaks at that point, it is not properly loading the rest of it (so behaving in a blocking manner) which at this point ironically makes the menu show in the proper position, as last reported, even if a bit broken in display. EDIT: I noticed something that I wanted to share. It seems that the scripts are running under different names "standard." and "forum." which means that you may not have made the changes to both, just one. Since it happens on the forum page (aka using the forum.min.js) but not on the main page (aka using the standard.min.js) - meaning if I try it on the main page, the error observed no longer shows up, and the menu no longer obscures the main menu, but does show up broken as shown before. But on the forum page, it still shows the error in the console and the menu behavior is the same as the other, no change there. Hope that clarification helps -
As of testing right now, still the same behavior as last reported:
Although the "doubleTapToGo" probably doesn't apply to my setup and is probably geared more towards touch screen (just an assumption) it could be that if the script breaks at that point, it is not properly loading the rest of it (so behaving in a blocking manner) which at this point ironically makes the menu show in the proper position, as last reported, even if a bit broken in display. EDIT: I noticed something that I wanted to share. It seems that the scripts are running under different names "standard." and "forum." which means that you may not have made the changes to both, just one. Since it happens on the forum page (aka using the forum.min.js) but not on the main page (aka using the standard.min.js) - meaning if I try it on the main page, the error observed no longer shows up, and the menu no longer obscures the main menu, but does show up broken as shown before. But on the forum page, it still shows the error in the console and the menu behavior is the same as the other, no change there. Hope that clarification helpsGµårÐïåñ wrote:
which means that you may not have made the changes to both, just one
Interesting find. I found an issue over the weekend where our script bundler (the thing that takes all our .js files and mushes them into one) was not picking up changes correctly. I've since deployed a fix and would be interested to see if this has helped at all.
cheers Chris Maunder
-
GµårÐïåñ wrote:
which means that you may not have made the changes to both, just one
Interesting find. I found an issue over the weekend where our script bundler (the thing that takes all our .js files and mushes them into one) was not picking up changes correctly. I've since deployed a fix and would be interested to see if this has helped at all.
cheers Chris Maunder
Hopefully something will come of it, but as of testing just now (while on the forum) this error still shows up, although the extended information is not there as before:
TypeError: $(...).doubleTapToGo is not a function forum.min.js:1:15356
And on the main page, the same error (without the previous extended information) appears as well:
TypeError: $(...).doubleTapToGo is not a function standard.min.js:1:15356
And in both cases, the flyout no longer obscures the main drop down like before, so some progress there, but the flyout menu's width is cropped as you saw in the last picture, although you can traverse it just fine by hovering over each item. Let me know if and/or when you are ready for me to test it again, want to make sure you've had time to do whatever you need on your end. But this is where we stand at the moment of writing this.
-
Hopefully something will come of it, but as of testing just now (while on the forum) this error still shows up, although the extended information is not there as before:
TypeError: $(...).doubleTapToGo is not a function forum.min.js:1:15356
And on the main page, the same error (without the previous extended information) appears as well:
TypeError: $(...).doubleTapToGo is not a function standard.min.js:1:15356
And in both cases, the flyout no longer obscures the main drop down like before, so some progress there, but the flyout menu's width is cropped as you saw in the last picture, although you can traverse it just fine by hovering over each item. Let me know if and/or when you are ready for me to test it again, want to make sure you've had time to do whatever you need on your end. But this is where we stand at the moment of writing this.
It looks like we have a regression error with the article menu. I'm working on fixing it.
cheers Chris Maunder
-
It looks like we have a regression error with the article menu. I'm working on fixing it.
cheers Chris Maunder
-
MY guess is that it's the
left:100%CSS directive that is meant to place the flyout menu to the exact right of the dropdown menu, but I don't know why it's an issue on your machine and not others'. Maybe some regional settings. I asked for the other info just to doubly ensure there wasn't something else. There's been many times I've tried to diagnose something only to find out an ad blocker is causing the issue, or a firewall is blocking a javscript file from loading.cheers Chris Maunder
Did you ever get this fixed? If so I'm afraid I have to report it's back. If not, ignore this message :)
Tom
-
Did you ever get this fixed? If so I'm afraid I have to report it's back. If not, ignore this message :)
Tom
I did. It was fixed perfectly. Then it stopped working again. I found the issue this time and will deploy probably tomorrow.
cheers Chris Maunder
-
I did. It was fixed perfectly. Then it stopped working again. I found the issue this time and will deploy probably tomorrow.
cheers Chris Maunder
:thumbsup: Looks fixed :)
Tom
-
:thumbsup: Looks fixed :)
Tom
For now ;)
cheers Chris Maunder