### Preflight Checklist
* [x] I have read the [Contributing Guidelines](https://github.com/electron/electron/blob/master/CONTRIBUTING.md) for this project.
* [x] I agree to follow the [Code of Conduct](https://github.com/electron/electron/blob/master/CODE_OF_CONDUCT.md) that this project adheres to.
* [x] I have searched the issue tracker for an issue that matches the one I want to file, without success.

### Issue Details

* **Electron Version:**
  * 12.0.0-beta.7
* **Operating System:**
  * macOS / Window
* **Last Known Working Electron version:**
  * 8

### Expected Behavior
<!-- A clear and concise description of what you expected to happen. -->
1. Add `<input type="color" />` in HTML code
2. Run the app
3. Click on input - color picker is opening
4. Pick color by Eyedropper
5. Input should be updated by selected color

### Actual Behavior
The eyedropper is not started

### To Reproduce
For reproduce you can use electron fiddle and simply add `<input type="color" />`  in HTML code
 
### Screenshots
![5ZqhvTeI95](https://user-images.githubusercontent.com/8972979/101465241-fa4ceb80-393f-11eb-950f-152f736e127e.gif)


shell/browser/api/electron_api_web_contents.cc
if (IsOffScreen()) {
#if BUILDFLAG(ENABLE_OSR)
    auto* osr_rwhv = GetOffScreenRenderWidgetHostView();
    if (osr_rwhv)
      osr_rwhv->Invalidate();
#endif
  } else {
    auto* const window = owner_window();
    if (window)
      window->Invalidate();
  }
}
gfx::Size WebContents::GetSizeForNewRenderView(content::WebContents* wc) {
  if (IsOffScreen() && wc == ontents()) {
    auto* relay = NativeWindowRelay::FromWebContents(ontents());
    if (relay) {
      auto* owner_window = relay->GetNativeWindow();
      return owner_window ? owner_window->GetSize() : gfx::Size();
    }
  }
  return gfx::Size();
}
void WebContents::SetZoomLevel(double level) {
  zoom_controller_->SetZoomLevel(level);
}
double WebContents::GetZoomLevel() const {
  return zoom_controller_->GetZoomLevel();
}
void WebContents::SetZoomFactor(gin_helper::ErrorThrower thrower,