Devtools: Cut color picker off at bottom instead of the top

third_party/WebKit/Source/devtools/front_end/elements/spectrum.css

 /* https://github.com/bgrins/spectrum */
 :host {
     width: 232px;
     height: 240px;
     -webkit-user-select: none;
+    /* Prevents the popover from jumping when focus() is called */
+    display: block !important;

[lushnikov, 2016/03/21 19:24:06]

why is this needed?

[samli, 2016/03/22 02:51:42]

For some reason, with display: flex on the popover element, when Node.focus() is
called, it seems to move the element, cutting off the top again.

You can remove this line and observe the same repro in the bug.

[lushnikov, 2016/04/12 01:02:16]

I failed to reproduce it. Can you please tell me the exact steps to try? I just
remove this line, and the popover works fine for me:
http://i.imgur.com/Dbp0x0j.png

 }
 
 :host(.palettes-enabled) {
     height: 319px;
 }
 
 .spectrum-color {
     position: relative;
     width: 232px;
     height: 124px;
@@ skipping 375 matching lines @@
 
 .delete-color-toolbar.dragging {
     visibility: visible;
     animation: showDeleteToolbar 100ms 150ms cubic-bezier(0, 0, 0.2, 1) backwards;
 }
 
 .delete-color-toolbar-active {
     background-color: #ddd;
     color: white;
 }