New issue
Advanced search Search tips

Issue 657263 link

Starred by 3 users

Issue metadata

Status: Fixed
Owner:
Closed: Jun 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 2
Type: Bug
Team-Security-UX

Blocking:
issue 603386
issue 657261


Participants' hotlists:
MacViews-Task-Queue


Sign in to add a comment

MacViews Harmony Page Info bubble is anchored too high.

Project Member Reported by lgar...@chromium.org, Oct 19 2016

Issue description

Chrome 56.0.2894.0
OSX 10.11.6

What steps will reproduce the problem?
(1) Enable #mac-views-webui-dialogs (MacViews) and #secondary-ui-md (Harmony)
(2) Click on the Page Info bubble

What is the expected output?
The bubble is aligned with the bottom of the omnibox. See [1] for the Google-internal slide deck example.

What do you see instead?
The bubble extends into the omnibox (see screenshot).

It seems that the [2] uses the same security indicator icon anchor (which is inside the omnibox), and assumes that it only needs to be placed 1px below.

Found by ainslie@ during Material Page Info UI review.

[1] https://docs.google.com/presentation/d/17CDjsa8u0rhgjV0zTCJMwY1z5BbaaXKiJqBL_N1s-9A/edit#slide=id.g160eef1b46_11_45
[2] https://chromium.googlesource.com/chromium/src/+/f6871304c12899a16a5931446c4cea8ec077f422/chrome/browser/ui/layout_constants.cc#48
 
Screen Shot 2016-10-18 at 22.23.24.png
162 KB View Download
Two extra notes:

- The placement is correct on Windows (see attached screenshot).
- For shipping to stable, it's also important to have a background for the security indicator while the Page Info bubble is open ([1] and  Issue 588377 ) to replace the pointing triangle.

[1] https://docs.google.com/presentation/d/17CDjsa8u0rhgjV0zTCJMwY1z5BbaaXKiJqBL_N1s-9A/edit#slide=id.g15ebaef349_0_111
windows-harmony.png
147 KB View Download
Components: -UI>Browser>Omnibox>PageInfo UI>Browser>Bubbles>PageInfo

Comment 3 by tapted@chromium.org, Nov 24 2016

Owner: tapted@chromium.org
Status: Started (was: Available)

Comment 4 by tapted@chromium.org, Nov 24 2016

The very basic approach in https://codereview.chromium.org/2524223002/#ps1 gets pretty close. Just need to find the right padding constants now.

Although there is one potential annoyance: the focus ring paints inside the omnibox. It even paints *over* the area of the location bar icon. This gives the perception of changing the alignment :/

I'll see what I can do to get it closer to the spec in  Issue 566115  - these images are just the first pass.
Screen Shot 2016-11-24 at 12.21.41 pm.png
34.4 KB View Download
Screen Shot 2016-11-24 at 12.21.24 pm.png
75.9 KB View Download
Screen Shot 2016-11-24 at 12.25.49 pm.png
17.2 KB View Download
Screen Shot 2016-11-24 at 12.25.42 pm.png
25.0 KB View Download

Comment 5 by tapted@chromium.org, Nov 24 2016

OK - I think I've got it right for most bubbles. ContentSettingsBubble isn't plumbed through correctly yet, but that's probably orthogonal.

This is https://codereview.chromium.org/2524223002/#ps20001
Screen Shot 2016-11-24 at 1.53.33 pm.png
9.7 KB View Download
Screen Shot 2016-11-24 at 1.51.56 pm.png
22.7 KB View Download
Screen Shot 2016-11-24 at 1.51.25 pm.png
17.2 KB View Download
Screen Shot 2016-11-24 at 1.51.09 pm.png
21.8 KB View Download
Screen Shot 2016-11-24 at 1.50.58 pm.png
7.6 KB View Download
Screen Shot 2016-11-24 at 1.50.54 pm.png
7.5 KB View Download
Screen Shot 2016-11-24 at 1.50.48 pm.png
21.4 KB View Download
Screen Shot 2016-11-24 at 1.50.37 pm.png
21.0 KB View Download
Cc: -ainslie@chromium.org hwi@chromium.org bettes@chromium.org
+hwi, +bettes 

Comment 8 by tapted@chromium.org, Feb 13 2017

Blocking: 603386
Labels: -Pri-3 Phase3 Pri-2
this was fixed, but something has shifted it :/

Comment 9 by tapted@chromium.org, Feb 13 2017

Ah, actually, it's "fine" - nothing shifted it, it just looks like it moves when there is/isn't a focus ring. So remaining things to do here:
 - fix content settings bubbles
 - shift it down the necessary amount -- bubbles with an anchor view are subject to LOCATION_BAR_BUBBLE_ANCHOR_VERTICAL_INSET, but on Mac we can't anchor to a view, so it's not in effect.
  * currently just page info, but also permissions bubbles after https://codereview.chromium.org/2693803002/ lands
Status: Fixed (was: Started)

Sign in to add a comment