New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 876667 link

Starred by 1 user

Issue metadata

Status: WontFix
Owner:
Closed: Oct 9
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 3
Type: Bug


Participants' hotlists:
NTP-Birthday-Polish


Sign in to add a comment

Blue focus border is seen faint on chrome backgrounds overlay.

Reported by pranjali...@etouch.net, Aug 22

Issue description

Chrome version : 70.0.3530.0 (Official Build)  a20250ff3690485ecc1cfaf289802499a7e611aa-refs/branch-heads/3530@{#1}(32/64 bit)

OS: Win(7,8,8.1,10) OS

Pre-condition: Enable  'Enable using the Google local NTP' , and  'New Tab Page Background Selection'  flags under chrome://flags.

What steps will reproduce the problem?
1.Launch chrome and open NTP.
2. Click on 'Gear' icon and click on 'chrome backgrounds' .
3. Now bring focus border by pressing tab key and scroll to the bottom.
4. Observe.

Actual  : Blue focus border  is seen faint on chrome backgrounds overlay.
Expected: Blue focus border  should be seen slight darker on chrome backgrounds overlay.

This is Non-Regression issue seen from ‘M-70’  as Blue focus border of 'chrome backgrounds'  has been seen from build #70.0.3504.0
 
Note:Issue is not seen on   Mac(10.12.6 , 10.13.1 , 10.13.6, 10.14)   and Linux(14.04 LTS) OS

 
Actual Result_Windows_behaviour.png
331 KB View Download
Actual_Result _Mac Behaviour.png
680 KB View Download
Cc: yyushkina@chromium.org
Owner: bklmn@chromium.org
The focus ring on Mac looks heavier than on Windows, CrOS and Linux to me. Perhaps this is similar to issue 867778, where we applied an OS-specific weight.

Joel - can you turn your expert design eye to this & provide a recommendation? Thanks!
According to Joel, we don't define this - the system does. Is that something we can confirm?
Labels: -Pri-2 Pri-3
Cc: bklmn@chromium.org
Owner: ramyan@google.com
Owner: ramyan@chromium.org
Labels: zine-triaged
Owner: sweilun@chromium.org
Weilun - can you take a look a this on the Windows VM? ie are the same styling directives on Mac & Windows being applied differently?

We don't specify any css setting for the focus ring. The default css setting for both Mac and Windows is "-webkit-focus-ring-color auto 5px". But they look differently across platforms even across browsers. See https://ghinda.net/article/mimic-native-focus-css/ for more info.

There might be a way to specify the css setting for the focus ring, but I don't know if that worth the effort to do so. 
Given that users typically don't do a side-by-side comparison, I tend to agree that it wouldn't be worthwhile to address this purely to enforce uniformity between platforms.

Joel / Yana : are there any aesthetic reasons to tackle this?
Owner: bklmn@chromium.org
I don't think so. Joel - what about you?
My understanding is that we align with platform OS standards for focus. I can confirm with Alan, but the larger focus on MacOS is following their default (fuzzy) ring, which from my opinion is a little loud. 
Status: WontFix (was: Assigned)
The fainter highlighting is following the standard for Windows (see the attached screenshot when tabbing through other elements of NTP), so it makes more sense to do nothing here & retain OS-level consistency.
WindowsHighlighting.png
34.0 KB View Download

Sign in to add a comment