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

Issue 654268 link

Starred by 3 users

Issue metadata

Status: Fixed
Owner:
Last visit > 30 days ago
Closed: Nov 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Mac
Pri: 1
Type: Bug-Regression
Team-Security-UX

Blocking:
issue 512442



Sign in to add a comment

Native Mac Page Info: Permission labels overlap dropdowns in languages with long strings

Project Member Reported by meh...@chromium.org, Oct 9 2016

Issue description

Version: Version 56.0.2885.0 canary (64-bit)
OS: Mac OS 10.11.6

What steps will reproduce the problem?
(1) visit google.com
(2) click on the Page Info Button
(3)

What is the expected output?
No overlappings.

What do you see instead?
There are overlappings.

Please use labels and text to provide additional information.
Screenshots are attached.

This is a regression. But in Chrome Stable it is also broken. There you do not see the selector after long descriptions.
 
Canary.png
158 KB View Download
Stable.png
155 KB View Download

Comment 1 by tapted@chromium.org, Oct 10 2016

Owner: lgar...@chromium.org
Status: Assigned (was: Untriaged)
[mac triage] Probably related to  Issue 512442 
Cc: rbasuvula@chromium.org
Labels: -Type-Bug -Needs-Bisect M-55 hasbisect-per-revision ReleaseBlock-Stable Type-Bug-Regression
Tested in chrome canary #56.0.2886.0 on Mac 10.12 and able to reproduce the issue.

Below are the Bisect Details:
=============
Good Build: 55.0.2856.0(417772)
Bad Build: 55.0.2857.0(417845)

Bisect URL:
===========
You are probably looking for a change made after 417827 (known good), but no later than 417828 (first known bad).

CHANGE LOG URL:

https://chromium.googlesource.com/chromium/src/+log/539b00c243870d602bd89bbcdcf425d65553c1f5..f9714c66fa583e02eebe807ac5b82d01813efbd4
Note : Not able to reproduce the issue in Win 10.0,ubuntu 14.04

@lgarron

Request to look in to this.


Thank you.
Labels: Hotlist-PageInfo
Owner: ----
Status: Available (was: Assigned)
This is working as intended. We had to make an engineering tradeoff, and decided that the new behaviour wasn't substantially more broken than the current situation.

There is no quick fix, since we don't have a mechanism like the Views hierarchy to handle automatic layout/sizing decisions, but I'll leave it as available in case someone (maybe me) has time to pick it up and improve it.
Labels: -ReleaseBlock-Stable -Type-Bug-Regression Type-Bug

Comment 5 by shrike@chromium.org, Oct 11 2016

Cc: pinkerton@chromium.org
Labels: -Type-Bug ReleaseBlock-Stable Type-Bug-Regression
I think this looks much worse than before. pinkerton@ - what is your opinion?

If this cannot be fixed without a lot of effort let's just revert to the old dialog on the Mac and ship a corrected one in MacViews.


Comment 6 by shrike@chromium.org, Oct 11 2016

Cc: emilyschechter@chromium.org
> If this cannot be fixed without a lot of effort let's just revert to the old dialog on the Mac and ship a corrected one in MacViews.

What's the status with MacViews? I noticed the experiment has ended, but one reason we didn't want to put too much effort into this is because MacViews might obsolete it.

Note that there is a simple solution that works for most languages: make the dialogue wider. But
1) I don't know if there is a good blanket "wide enough" value that doesn't look ridiculously wide.
2) I don't know if the code is robust enough to handle dynamic sizing based on actual string widths.
Hmm, thought of another option:

Emulate the old behaviour for rows that are too wide.

Comment 9 by shrike@chromium.org, Oct 11 2016

MacViews is still a work-in-progress. It's not an option for shipping this in M55 (or M56), but it/Harmony will be required to work correctly when wide strings throw off the original layout.
Cc: ellyjo...@chromium.org
+ellyjones

I think the new way is worse than the old way as you cannot even read the value when it's overlapping. That's the entire point of this page info bubble: information!

Emulating the old behavior for rows that are too wide is a reasonable fallback. Elly can discuss the state of this bubble in MacViews, but as Jayson says, it won't be m55 or m56. 
Blocking: 512442
Components: UI>Browser>Omnibox>PageInfo
Summary: Native Mac Page Info: Permission labels overlap dropdowns in languages with long strings (was: Regression: Overlappings in the Page Info Bubble)
Everyone: Just to confirm, the the old behaviour is sufficient to remove the ReleaseBlock-Stable, right?
Are you talking about switching back to the old UI or fixing the new UI to conform to the old behavior?

re#14: we will detect these scenarios, and in only these scenarios, will fix the new UI to conform to the old behavior.

Does that sound reasonable?
Is the plan to ship the new Mac UI but fall back to the old UI when the strings are too long, or to fix the new Mac UI so that it works with long strings?
The former (ship the new Mac UI but fall back to the old UI when the strings are too long), unless there's an alternate proposal that won't be super complex to implement.
Components: -UI>Browser>Omnibox>PageInfo UI>Browser>Bubbles>PageInfo
It sounds like an OK solution.

Cc: ranjitkan@chromium.org
Gentle Ping.!, Can we have an update on the fix. 

Issue is marked with a Stable blocker and M55 is already in Beta.

Thanks.!
Cc: -lgar...@chromium.org
Owner: lgar...@chromium.org
Status: Assigned (was: Available)
lgarron@ - can we get an ETA for the fix?

**** Bulk edit -  please ignore if not applicable ****

A friendly reminder that M55 Stable is launch is coming soon! Your bug is labelled as Stable ReleaseBlock, pls make sure to land the fix and get it merged into the release branch ASAP so it gets enough baking time in Beta (before Stable promotion). Thank you!
Next week? I have some other high-priority stuff.
If fix is landed and merged to M55 by next week will be great.
Just to update issue still seen on Mac 10.11.6 using 56.0.2905.0.
**** Bulk edit -  please ignore if not applicable ****

A friendly reminder that M55 Stable is launch is coming soon! Your bug is labelled as Stable ReleaseBlock, pls make sure to land the fix and get it merged into the release branch ASAP so it gets enough baking time in Beta (before Stable promotion). Thank you!


Cc: maxwalker@chromium.org
So, it actually turned out to be easier to truncate the labels, as suggested by Max [1].

shrike@: Does this look okay to you?


[1]  https://crbug.com/512442#c58 
german.png
179 KB View Download
hebrew.png
157 KB View Download
german-hover.png
77.7 KB View Download
hebrew-hover.png
70.8 KB View Download
german-selected.png
57.1 KB View Download
hebrew-selected.png
71.0 KB View Download
Status: Started (was: Assigned)
Changing status to signal that this is in progress: https://codereview.chromium.org/2471253003
Project Member

Comment 29 by bugdroid1@chromium.org, Nov 3 2016

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

commit 4d4e9096b9e299a1d910c2647c6328f30110b0c2
Author: lgarron <lgarron@chromium.org>
Date: Thu Nov 03 19:14:11 2016

Page Info (native Mac): truncate permission labels and add tooltip.

BUG= 654268 
TEST=Try the following on Mac twice, once with Chrome set to German, once with it set to Arabic (change this in `System Preferences.app` > `Language & Region` > Add to `Preferred languages:` and drag to top).
1) Visit google.com and click on the lock icon in the omnibox to open Page Info
2) Verify that the last permission (MIDI, with a keyboard icon) has a label is truncated using an ellipsis (note: Hebrew is an RTL language, so the ellipsis for it should be on the left)
3) Hover over the label, and check that it shows a full version of the truncated string.

Review-Url: https://codereview.chromium.org/2471253003
Cr-Commit-Position: refs/heads/master@{#429665}

[modify] https://crrev.com/4d4e9096b9e299a1d910c2647c6328f30110b0c2/chrome/browser/ui/cocoa/website_settings/website_settings_bubble_controller.mm

Comment 30 Deleted

I checked with lgarron@ and he says they are read out correctly.
How does the truncated label work with VoiceOver/a11y tools? We should ensure that the label are fully readable for those who can't use the tooltip.
pinkerton: VoiceOver will read the full text.

Note on the TEST=: Arabic actually doesn't overflow. However, Hebrew instead of Arabic should work.
Great, thanks!
Labels: Merge-Request-55
This has *not* landed on Canary yet, but tagging this with a merge request.
(Advice about an appropriate merge schedule for this would be appreciated.)
Hello lgarron@: I am seeing, that the Page Info Bubble is no longer aligned under the lock. I am using a non-retina Macbook Air. Not sure, if this is caused by your latest change? Please see the screenshot. Should I open a separat report for this issue? Thanks.
Bildschirmfoto 2016-11-04 um 15.19.08.png
36.4 KB View Download

Comment 38 by dimu@chromium.org, Nov 4 2016

Labels: -Merge-Request-55 Merge-Approved-55 Hotlist-Merge-Approved
Your change meets the bar and is auto-approved for M55 (branch: 2883)
Status: Fixed (was: Started)
Verified in 56.0.2909.0 Canary.
Screen Shot 2016-11-04 at 12.00.47.png
207 KB View Download
Project Member

Comment 40 by bugdroid1@chromium.org, Nov 4 2016

Labels: -merge-approved-55 merge-merged-2883
The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/16886bfae4dff4896be1047f580b19aa2a08e14f

commit 16886bfae4dff4896be1047f580b19aa2a08e14f
Author: Lucas Garron <lgarron@chromium.org>
Date: Fri Nov 04 20:50:20 2016

Page Info (native Mac): truncate permission labels and add tooltip.

BUG= 654268 
TEST=Try the following on Mac twice, once with Chrome set to German, once with it set to Hebrew (change this in `System Preferences.app` > `Language & Region` > Add to `Preferred languages:` and drag to top).
1) Visit google.com and click on the lock icon in the omnibox to open Page Info
2) Verify that the last permission (MIDI, with a keyboard icon) has a label is truncated using an ellipsis (note: Hebrew is an RTL language, so the ellipsis for it should be on the left)
3) Hover over the label, and check that it shows a full version of the truncated string.

Review-Url: https://codereview.chromium.org/2471253003
Cr-Commit-Position: refs/heads/master@{#429665}
(cherry picked from commit 4d4e9096b9e299a1d910c2647c6328f30110b0c2)

Review URL: https://codereview.chromium.org/2473313005 .

Cr-Commit-Position: refs/branch-heads/2883@{#462}
Cr-Branched-From: 614d31daee2f61b0180df403a8ad43f20b9f6dd7-refs/heads/master@{#423768}

[modify] https://crrev.com/16886bfae4dff4896be1047f580b19aa2a08e14f/chrome/browser/ui/cocoa/website_settings/website_settings_bubble_controller.mm

Labels: TE-Verified-55.0.2883.44 TE-Verified-M55
Verified this issue on Mac 10.12 using chrome latest Beta M55-55.0.2883.44 by following steps mentioned in the original comment. Observed no labels overlap. Hence adding TE-Verified label. 
654268.gif
36.5 KB View Download

Sign in to add a comment