New issue
Advanced search Search tips

Issue 593203 link

Starred by 2 users

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Chrome , Mac
Pri: 3
Type: Bug

Blocked on:
issue 728174



Sign in to add a comment

Extension browser action popups shouldn't have an inset

Project Member Reported by tapted@chromium.org, Mar 9 2016

Issue description

Chrome Version       : 50.0.2652.0

Currently the WebContents in a browser action popup is inset 1 pixel on Mac, and 2 pixels everywhere else, adding a white border around the edges of the bubble.

The extension should be able to draw to the edges of the bubble like a regular web page.

Currently, the popups inset from the edge to avoid the rectangular webcontents rendering outside the rounded corners of the bubble. So we can't just remove the margin or the bubbles become square (see attachments). But that's the lazy fix - we should instead clip the WebContents to the window mask (rounded corners and all).

This is a general problem for all bubbles. E.g. the bookmarks bubble has square corners on the bottom because the "signin" promo panel paints a gray background outside the rounded corners -  Issue 581600 .

There's a general fix that works for MacViews - https://codereview.chromium.org/1718043003

For other views platforms, a fix along the lines of https://codereview.chromium.org/1633403002/diff/1/ui/views/view.cc might work
 
mac_insets.png
26.7 KB View Download
win_insets.png
20.0 KB View Download
mac_no_insets.png
25.8 KB View Download
win_no_insets.png
23.7 KB View Download

Comment 1 by ew...@chromium.org, Jul 12 2016

Cc: ew...@chromium.org
Project Member

Comment 2 by sheriffbot@chromium.org, Jul 13 2017

Labels: Hotlist-Recharge-Cold
Status: Untriaged (was: Available)
This issue has been Available for over a year. If it's no longer important or seems unlikely to be fixed, please consider closing it out. If it is important, please re-triage the issue.

Sorry for the inconvenience if the bug really should have been left as Available. If you change it back, also remove the "Hotlist-Recharge-Cold" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot

Comment 3 by est...@chromium.org, Jul 19 2017

Labels: -Hotlist-Recharge-Cold
Owner: est...@chromium.org
Status: Started (was: Untriaged)

Comment 4 by est...@chromium.org, Jul 19 2017

progress screenshots: before/after without MD bubble frame, and after with MD bubble frame
1OdYGxBze4J.png
114 KB View Download
rEkhajcDq0F.png
18.5 KB View Download
Project Member

Comment 5 by bugdroid1@chromium.org, Jul 25 2017

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/76f82679ebf31c2144fe1af32b91ec62d22706fe

commit 76f82679ebf31c2144fe1af32b91ec62d22706fe
Author: Evan Stade <estade@chromium.org>
Date: Tue Jul 25 18:30:28 2017

[Views] Round the corners of the extension popup's WebContents so we can
make the contents flush with the bubble border.

Also, for cases where we can't round the corners, only add margins at
the top and bottom (not on left and right edges).

Bug: 593203
Change-Id: Ib64315e27fee9adc7d661edd1d086941c11a4d47
Reviewed-on: https://chromium-review.googlesource.com/578232
Commit-Queue: Evan Stade <estade@chromium.org>
Reviewed-by: Trent Apted <tapted@chromium.org>
Reviewed-by: Scott Violet <sky@chromium.org>
Cr-Commit-Position: refs/heads/master@{#489381}
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/chrome/browser/ui/views/extensions/extension_popup.cc
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/chrome/browser/ui/views/extensions/extension_popup.h
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/compositor/layer.cc
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/bubble/tray_bubble_view.cc
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/bubble/tray_bubble_view.h
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/controls/native/native_view_host.cc
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/controls/native/native_view_host.h
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/controls/native/native_view_host_aura.cc
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/controls/native/native_view_host_aura.h
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/controls/native/native_view_host_mac.h
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/controls/native/native_view_host_mac.mm
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/controls/native/native_view_host_wrapper.h
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/painter.cc
[modify] https://crrev.com/76f82679ebf31c2144fe1af32b91ec62d22706fe/ui/views/painter.h

Comment 6 by tapted@chromium.org, Sep 25 2017

Blockedon: 728174
Owner: ----
Status: Available (was: Started)

Sign in to add a comment