getCurrentBreakpoint: Fixed media matching issue.

finsweet · Nov 8, 2021 · f593d32 · f593d32
1 parent 46b1b72
commit f593d32
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@finsweet/ts-utils",
-  "version": "0.22.0",
+  "version": "0.22.1",
   "description": "Typescript utils for custom Webflow projects.",
   "main": "index.ts",
   "module": "index.ts",

diff --git a/webflow/getCurrentBreakpoint.ts b/webflow/getCurrentBreakpoint.ts
@@ -8,7 +8,11 @@ import type { WebflowBreakpoint } from './breakpoints';
  * @returns A {@link WebflowBreakpoint} string.
  */
 export const getCurrentBreakpoint = (): WebflowBreakpoint => {
-  for (const [breakpoint, mediaQuery] of WEBFLOW_BREAKPOINTS) if (window.matchMedia(mediaQuery)) return breakpoint;
+  for (const [breakpoint, mediaQuery] of WEBFLOW_BREAKPOINTS) {
+    if (window.matchMedia(mediaQuery).matches) {
+      return breakpoint;
+    }
+  }
 
   return 'main';
 };