Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add note about parens in matchMedia #37504

Merged
merged 11 commits into from
Jan 23, 2025
+3 −0
Merged

Add note about parens in matchMedia #37504

Changes from 7 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
1570119
Add note about parens in matchMedia
chriskirknielsen Jan 1, 2025
64ff0dd
Clarify parens conditions
chriskirknielsen Jan 22, 2025
a861ecd
Update files/en-us/web/api/window/matchmedia/index.md
chriskirknielsen Jan 22, 2025
bd72b39
Update files/en-us/web/api/window/matchmedia/index.md
wbamberg Jan 22, 2025
cae99e1
Update files/en-us/web/api/window/matchmedia/index.md
wbamberg Jan 22, 2025
a5a70fd
Update files/en-us/web/api/window/matchmedia/index.md
chriskirknielsen Jan 23, 2025
a677f8b
Update files/en-us/web/api/window/matchmedia/index.md
wbamberg Jan 23, 2025
a3c56a7
Update files/en-us/web/api/window/matchmedia/index.md
Josh-Cena Jan 23, 2025
14bb845
Update files/en-us/web/api/window/matchmedia/index.md
Josh-Cena Jan 23, 2025
d843d72
Update files/en-us/web/api/window/matchmedia/index.md
Josh-Cena Jan 23, 2025
d31bfbb
Update index.md
Josh-Cena Jan 23, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 2 additions & 0 deletions files/en-us/web/api/window/matchmedia/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -25,6 +25,8 @@ matchMedia(mediaQueryString)
- `mediaQueryString`
- : A string specifying the media query to parse into a {{domxref("MediaQueryList")}}.
Josh-Cena marked this conversation as resolved.
Show resolved Hide resolved

Just like in CSS, any [media feature](/en-US/docs/Web/CSS/@media#media_features) must be wrapped in parentheses inside the expression. For example: `matchMedia('(max-width: 600px)')` will work, whereas `matchMedia('max-width: 600px')` will not. Keywords for media types (`all`, `print`, `screen`) and logical operators (`and`, `or`, `not`, `only`) do not need to be wrapped in parentheses.
Josh-Cena marked this conversation as resolved.
Show resolved Hide resolved

### Return value

A new {{domxref("MediaQueryList")}} object for the media query. Use this object's
Expand Down
Loading