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.

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

Support to emulate @media (hover: *) #4820

Open
doochik opened this issue Aug 7, 2019 · 3 comments
Open

Support to emulate @media (hover: *) #4820

doochik opened this issue Aug 7, 2019 · 3 comments
Labels

Comments

@doochik
Copy link

doochik commented Aug 7, 2019

Steps to reproduce

Tell us about your environment:

  • Puppeteer version: 1.19
  • Platform / OS version: macOS
  • URLs (if applicable):
  • Node.js version: 10.16

What steps will reproduce the problem?

I want to emulate @media (hover: ...) to test my CSS at different devices.
Example:

a {
  color: green;
}

@media (hover: hover) {
  a:hover {
    background: red;
  }
}

@media (hover: hover) works well when I run this code in puppeteer+macOS. But I want to emulate @media (hover: none) for mobile device to test it.

What is the expected result?

API to configure input mechanism.

@JoelEinbinder
Copy link
Collaborator

Seems reasonable. I didn't know about @media (hover)

@lehni
Copy link

lehni commented Oct 29, 2019

Possibly related: #5096

@ReDrUm
Copy link

ReDrUm commented Sep 15, 2020

+1 for this please

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

4 participants