Mac/Harmony: Bubble anchoring doesn't quite line up (maybe hidpi specific) |
|||||
Issue descriptionChrome Version : 63.0.3204.0 OS Version: OS X 10.12.6 See attached. I think the problem is that for the bubble window, the border stroke is part of the shadow, so it's drawn by the window server; "outside" the window. However, the border stroke of the omnibox is drawn by the view, so it's "inside" the view. So to anchor correctly, we need to shift the anchor point so that it inside the border stroke of the omnibox. On HiDPI, the border stroke is 1px, not 1 DIP, so this might be tricky...
,
Sep 5 2017
1x screenshots attached for https://chromium-review.googlesource.com/c/chromium/src/+/648910 - I think the unfocused version matches the spec in https://bugs.chromium.org/p/chromium/issues/attachment?aid=246433&inline=1 exactly. To fix hidpi and the omnibox-focused positioning, the fix should be to draw the omnibox with a consistent size, since it's tricky to specify window locations in anything other than DIPs.
,
Sep 5 2017
,
Sep 5 2017
,
Sep 5 2017
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/f59e7eb5228dac859d2700e1ea32125c4d0d92d7 commit f59e7eb5228dac859d2700e1ea32125c4d0d92d7 Author: Trent Apted <tapted@chromium.org> Date: Tue Sep 05 21:23:19 2017 Mac: Inset Harmony bubble anchors by 1 DIP in the X direction. Currently the harmony-style bubbles do not quite align correctly. An inset is required because the border stroke of the omnibox is inside its frame, but bubbles have no border stroke (the bubble border is part of the shadow drawn by the window server; outside the bubble frame). But only the X direction is inset. In the Y direction,a 1 DIP "gap" must be kept, otherwise the "border" stroke from the window server shadow would be drawn inside the omnibox. Note the omnibox drawing code on Mac has some quirks in hidpi and when it draws a focus ring, which will be addressed in a follow-up to improve the anchoring appearance there. Bug: 761701 Change-Id: I055ab62fa525b5c39fa725033ca1ed87d4ad4316 Reviewed-on: https://chromium-review.googlesource.com/648910 Reviewed-by: Elly Fong-Jones <ellyjones@chromium.org> Commit-Queue: Trent Apted <tapted@chromium.org> Cr-Commit-Position: refs/heads/master@{#499752} [modify] https://crrev.com/f59e7eb5228dac859d2700e1ea32125c4d0d92d7/chrome/browser/ui/cocoa/location_bar/autocomplete_text_field.mm
,
Nov 10 2017
The NextAction date has arrived: 2017-11-10
,
Nov 15 2017
,
Nov 15 2017
So currently the omnibox on Mac shrinks in size when it gets focus. I'm going to try to fix this.
,
Nov 16 2017
https://chromium-review.googlesource.com/773718 Here's a gif that toggles between before/after for all the omnibox states (on retina). If you zoom in on the rounded corners, you can see they get a bit cleaner. (ignore the color speckling - it's because it's a gif and only has 256 colors).
,
Nov 16 2017
24 screenshots for one CL..
,
Nov 16 2017
,
Nov 16 2017
The following revision refers to this bug: https://chromium.googlesource.com/chromium/src.git/+/7fb113edef91fa35305e8d7adc317fa84b9ac61c commit 7fb113edef91fa35305e8d7adc317fa84b9ac61c Author: Trent Apted <tapted@chromium.org> Date: Thu Nov 16 22:44:14 2017 Mac: Don't shrink the omnibox when it has focus. Also make the focus ring rounded corners properly rounded. Currently the focus ring is drawn with a rounded-rectangle _stroke_. That gives the "middle" of the stroke the correct correct corner radius, but it's the outside edge of the stroke that matters. To make nice rounded rectangles, it's necessary to draw a fill rather than a stroke. Currently the focus ring on non-retina appears to take a "shortcut" around the corners. Fix the border stroke as well as the focus ring so that everything is symmetric and aligns nicely. The shrinking is a problem for aligning bubbles. Fix it by, uh, not shrinking when the omnibox has focus. Animated before/after screenshots: non-retina - https://bugs.chromium.org/p/chromium/issues/attachment?aid=312541&inline=1 retina - https://bugs.chromium.org/p/chromium/issues/attachment?aid=312539&inline=1 Bug: 761701 Change-Id: I4d3e4dd15175c6d9454b633fa693cadeba39588f Reviewed-on: https://chromium-review.googlesource.com/773718 Reviewed-by: Elly Fong-Jones <ellyjones@chromium.org> Commit-Queue: Trent Apted <tapted@chromium.org> Cr-Commit-Position: refs/heads/master@{#517213} [modify] https://crrev.com/7fb113edef91fa35305e8d7adc317fa84b9ac61c/chrome/browser/ui/cocoa/location_bar/autocomplete_text_field.mm [modify] https://crrev.com/7fb113edef91fa35305e8d7adc317fa84b9ac61c/chrome/browser/ui/cocoa/location_bar/autocomplete_text_field_cell.mm
,
Nov 28 2017
|
|||||
►
Sign in to add a comment |
|||||
Comment 1 by tapted@chromium.org
, Sep 4 20178.8 KB
8.8 KB View Download
6.9 KB
6.9 KB View Download
11.3 KB
11.3 KB View Download
7.6 KB
7.6 KB View Download