This is a bit of a weird one. I have people experiencing problems with Webflow’s Dropdown element on the latest Chrome build - Version 64.0.3282.140 (Official Build) (64-bit).
I’ve set the dropdown to open On Hover, however for some people it doesn’t open on hover and they need to click the Dropdown Toggle to actually open the dropdown menu.
What’s even weirder is that I had two people test this on two different laptops, both of which running Windows 10 (64 bit) with the latest Chrome and for one of the users the dropdown worked on hover, while for the other it didn’t!
Weird, eh?
At first I thought the dropdown might be acting weird because of the styling and animation effects I added to it, but then I added a clean no-style dropdown element and it still wasn’t working. So I ruled that one out.
Can you please take a look into this? I think the problem might be in some of the JS you’re using to display the dropdown.
Thanks so much for sharing that link. I did some testing on this end using your site. The dropdowns opened on hover as expected on Windows 10 + Chrome.
Can you provide a bit more information? Any screenshots / recordings you have of this behavior would be very helpful.
Here’s a screenshot of the Console. This was taken on the Windows Surface, Windows 10 (64-Bit), Chrome (Latest build), where we first detected the problematic behavior.
Our team was able to reproduce this behavior on Windows 10 + Chrome 64. We are currently looking into the issue to see if it’s something on our end or something on Chrome’s.
I will post back here with more information when I have it.
I checked into the initial report we filed; at this time I don’t have an update on the issue.
As our team continues to investigate this, an optional workaround you may consider using is setting the dropdowns to open on click so as to keep them consistent across all browsers.
I’ll definitely post back here with more information as soon as I have it – we hope to have this issue resolved for you soon.
Thanks in advance for your patience and consideration.
The only update we have at this time is that this is a very specific edge case issue only affecting users with Windows 10 + Chrome 64. It seems all other combinations are working as expected.
One other workaround you may consider using if a dropdown on hover is vital (instead of on click), is to build a custom dropdown using hover interactions. The structure would work the same is in this tutorial, but you would use a hover trigger rather than a click trigger.
Thanks in advance for your patience while we look into this.
the hover property is something only for mouse interactions because on touch devices you don’t really hover ever
it seems the issue conflict is the hover property on a touchscreen that isn’t a tablet or phone
so the hover is correctly disabled on touch device so you don’t get the effect if using a mouse or trackpad?
I can confirm that on our side this problem has been reported by people using touchscreen laptops (One uses a Dell, while the rest use a Microsoft Surface). All of them run 64-bit Windows 10 (Latest Version). We detected the problem on all 3 major browsers - Chrome, Firefox and Edge.
I’ll check up with them to see if it still persists in the latest Chrome build.
