Why are the menu dropdowns not working in Chrome after updating to Windows 10 on both a PC and Mac using the same version of Chrome?

TL;DR

Check Chrome's Console for JavaScript errors that may prevent dropdown functionality.
Verify dropdown behavior settings in Webflow Designer and test in Preview Mode.
Clear Chrome cache, disable extensions, and test in Incognito and other browsers.
Ensure custom animations or CSS (e.g., pointer-events: none) aren’t interfering.
Re-publish the Webflow site to apply updates and fixes.

Dropdown menus not working in Chrome after a Windows 10 update may be caused by browser compatibility issues, OS-level changes impacting input events, or JavaScript errors in your Webflow project.

1. Check for Console Errors in Chrome

Open Developer Tools (right-click on the page → Inspect → go to Console tab).
Look for any JavaScript errors that could prevent the dropdown interaction scripts from executing.
Common issues include conflicts with custom code or libraries not loading properly.

In Webflow Designer, select the Dropdown Trigger element.
Ensure the dropdown is set to open on click or hover depending on your intended behavior.
Test the dropdowns in Preview Mode to confirm they are functioning inside Webflow.

3. Clear Browser Cache and Disable Extensions

Clear Chrome's cache and cookies, then refresh the page.
Temporarily disable all browser extensions, especially ones that block scripts or modify CSS (e.g., ad blockers, script blockers).

4. Verify Animation or Interaction Conflicts

If dropdowns use custom interactions, ensure any animations are not preventing pointer events or visibility.
Check if any initial states are causing the dropdowns to be hidden or display: none.

5. Test in Incognito and Other Browsers

Open the site in Chrome Incognito Mode to rule out caching or extensions.
Test in Edge or Firefox to see if the issue is browser-specific.
If dropdowns work elsewhere but not in Chrome, the browser may be misinterpreting input events due to OS updates.

6. Re-Publish the Webflow Site

Go to Project Settings → Publish tab, then click Publish to selected domains.
This ensures any required JavaScript or style changes are updated on the live site.

7. Disable Pointer Event Overrides

Review any custom CSS that might block dropdown functionality (e.g., pointer-events: none on a parent container).
These styles could behave differently after a browser or OS update.

Summary

The dropdown issue in Chrome after a Windows 10 update is likely caused by JavaScript errors, custom code conflicts, CSS pointer-event overrides, or browser extensions. Use Webflow Preview mode, Chrome DevTools, and browser isolation steps to pinpoint the source and ensure your dropdown settings and interactions are configured correctly.

Webflow Resources

Webflow templates

Webflow inspiration

Rate this answer

Other Webflow Questions

Can you integrate Webflow and Shopify to create a seamless ecommerce experience? Can you use third-party tools like Zapier to sync orders between Webflow and Shopify?

Does Webflow support integration with Brevo for sending new signups from a form, or is it specifically designed for Mailchimp integration?

How can I display a PDF on a Webflow page without just linking to it, and can it be done on a collection page?

How can the styling of the unordered list in the CMS rich text field be edited in Webflow?

Why aren't the images in my Webflow Collection displaying properly when I use them in a collection list on my portfolio page, even though each project has images attached to the corresponding Collection item?

How can I remove the "test mode" box that appears on my Webflow published site?

How can I set up user signups and access to a CMS collection page in Webflow? There is a troubleshooting loom video provided for reference.

What are the HTML, CSS, and jQuery code snippets used to create full-page sections in Webflow?

How can I add an event-specific pixel for Linkedin tracking on button click in Webflow without leading users to another URL for success?

Can Webflow support a scrolling animation feature that plays a sequence of PNGs on a webpage? If not currently available, are there plans for this feature to be implemented in the future?

What are some suggestions for easily converting Webflow designs to third-party forms without damaging the site's design, considering the phasing out of support for exported websites' forms?

How can I improve the loading speed of web pages with multiple YouTube videos on Webflow?

Has anyone working on large sites with Webflow hosting encountered a limit on CMS and scalability? I was informed that this limit is fixed due to performance concerns and cannot be increased. In that case, what is the strategy for scaling on larger projects? Is there a plan to utilize a different CMS?

Is it possible to have a user account in Webflow where customers can view their past orders and tracking information for physical goods?

Can regular buttons be used to change tabs in Webflow?

Can Webflow be used to call a CSS or JS file stored on a different server, instead of hosting them on GitHub?

How can I dynamically redirect to a CMS created after form submission in Webflow?

In Webflow, how can I hide specific elements in the footer (such as "Ramin Khaze The Difference" and "Schedule showing") when the URL contains a certain parameter, such as "?mls"? I am a beginner in coding and would appreciate any help. Thank you!

How can I prevent the "w-current" class in Webflow from overriding the height of my custom class on a link block element?

Can I capture a screenshot of a Webflow page on click and convert it to a downloadable PDF?

How do I mirror user input from a form field to a non-form text field on the same Webflow page in real-time using JavaScript?

How can I close a dropdown in Webflow when clicking on a link?

Is there a more optimal way to create a portfolio section with a sticky image container that changes as you scroll, similar to the design on Deveb's website, that works across different web browsers, especially Safari, using Webflow or any other JavaScript tools?

How can I implement a multi-select field with a pre-selected option in a popup form on a collection page using Webflow?

How can I alternate the layout of the image and heading for each collection item in a two-column format on Webflow?

How can I execute JavaScript code when clicking a specific button with a given ID in a Webflow project?

How can I disable the Webflow success or failure state for a sign-up form and display a custom thank you page using jQuery and the Webflow form submit state?

How can I create a vertical scrolling menu with Webflow, similar to the one on Apple's website, that switches to horizontal scrolling when the menu doesn't fit on one screen?

How can I change the language of the Google Maps embed from English to Arabic in Webflow?

How can I reduce the vertical space between lines within a bullet point in Webflow? Can I replace the bullet points with icons on the "Services" page?