<!--  As an open source project with a dedicated but small maintainer team, it can sometimes take a long time for issues to be addressed so please be patient and we will get back to you as soon as we can.
-->

### Preflight Checklist
<!-- Please ensure you've completed the following steps by replacing [ ] with [x]-->

* [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: All Version
Operating System: macOS 10.15.3
Last Known Working Electron version: Never

### Bug
The color picker in devtools does not work.
In devtools if you want to change the colors of the CSS code. When you click on a color a color picker is supposed to appear but it does not appear.

### Screenshots
<img width="1013" alt="Capture d’écran 2020-09-07 à 11 42 44" src="https://user-images.githubusercontent.com/70572698/92374841-988ea280-f100-11ea-96be-afc93f6dd645.png">

shell/browser/api/electron_api_web_contents.cc
content::RenderFrameHost* render_frame_host,
    const std::string& interface_name,
    mojo::ScopedMessagePipeHandle* interface_pipe) {
  registry_.TryBindInterface(interface_name, interface_pipe, render_frame_host);
}
void WebContents::DidAcquireFullscreen(content::RenderFrameHost* rfh) {
  set_fullscreen_frame(rfh);
}
void WebContents::DOMContentLoaded(
    content::RenderFrameHost* render_frame_host) {
  if (!render_frame_host->GetParent())
    Emit("dom-ready");
}
void WebContents::DidFinishLoad(content::RenderFrameHost* render_frame_host,
                                const GURL& validated_url) {
  bool is_main_frame = !render_frame_host->GetParent();
  int frame_process_id = render_frame_host->GetProcess()->GetID();
  int frame_routing_id = render_frame_host->GetRoutingID();
  auto weak_this = GetWeakPtr();
  Emit("did-frame-finish-load", is_main_frame, frame_process_id,
       frame_routing_id);
   ⚠️WARNING!⚠️
   Emit() triggers JS which can call destroy() on |this|. It's not safe to
   assume that |this| points to valid memory at this point.
  if (is_main_frame && weak_this && ontents())
    Emit("did-finish-load");
}
void WebContents::DidFailLoad(content::RenderFrameHost* render_frame_host,