### 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.h
v8::Global<v8::Value> debugger_;
  std::unique_ptr<ElectronJavaScriptDialogManager> dialog_manager_;
  std::unique_ptr<WebViewGuestDelegate> guest_delegate_;
  std::unique_ptr<FrameSubscriber> frame_subscriber_;
#if BUILDFLAG(ENABLE_ELECTRON_EXTENSIONS)
  std::unique_ptr<extensions::ScriptExecutor> script_executor_;
#endif
  
  WebContents* embedder_ = nullptr;
  
  WebContentsZoomController* zoom_controller_ = nullptr;
  
  Type type_ = Type::kBrowserWindow;
  int32_t id_;
  
  uint32_t find_in_page_request_id_ = 0;
  
  bool background_throttling_ = true;
  
  bool enable_devtools_ = true;
  
  base::ObserverList<ExtendedWebContentsObserver> observers_;
  v8::Global<v8::Value> pending_child_web_preferences_;
  bool initially_shown_ = true;
  
  base::WeakPtr<NativeWindow> owner_window_;
  bool offscreen_ = false;
  
  bool html_fullscreen_ = false;