Large values overlap with total label |
||||
Issue descriptionChrome Version: (copy from chrome://version) OS: (e.g. Win7, OSX 10.9.5, etc...) What steps will reproduce the problem? (1) Visit https://gauntface.github.io/payment-request-doc-demos/src/ (2) Click on Insane Value button What is the expected result? The value and total label to be usable What happens instead? value overlaps the total label Please use labels and text to provide additional information. For graphics-related bugs, please copy/paste the contents of the about:gpu page at the end of this report.
,
Apr 20 2017
Numerical values should wrap, so the user sees the full value. +gogerald: Can you explain how you fixed this on Android?
,
Apr 20 2017
On Android, label and price each take half of the width of the screen. In collapsed mode, the label elides at the end to display in a single line (left aligned), the price wraps around to multiple lines without eliding (right aligned). In expand mode, the label wraps around to at most three lines, then elides at the end if necessary. The price is the same as in collapsed mode.
,
Apr 20 2017
Expanded mode on desktop has a bit more space than on Android. Use your UX judgement about the maximum number of lines after which to elide.
,
Apr 20 2017
You can check the screenshots on this bug https://bugs.chromium.org/p/chromium/issues/detail?id=711322
,
Apr 20 2017
I suspect we could go with a 60/40 or 65/35 split for desktop, instead of 50/50, because the available width is much greater. But the approach should ideally be the same, as Ganggui described.
,
Jun 9 2017
I think we resolved this one, right?
,
Jun 9 2017
Anthony to verify.
,
Jun 9 2017
Only partially. We set the labels to multiline but we didn't get to implementing anything smart in terms of where to line break or when to elide yet.
,
Jun 12 2017
|
||||
►
Sign in to add a comment |
||||
Comment 1 by anthonyvd@chromium.org
, Apr 20 2017Owner: bbergher@chromium.org
Status: Assigned (was: Untriaged)