Inbox Identity Switcher creates x and y overflow on focus of anchor tag
Reported by
wdu...@entrepreneur.com,
Dec 11 2017
|
||||||||
Issue descriptionUserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.84 Safari/537.36 Steps to reproduce the problem: 1. Open inbox with multiple identities logged in 2. Click profile icon to switch identities 3. Click second identity position and notice scrolling on focus. What is the expected behavior? To not mess up display due to button animations. What went wrong? The display was messed up. Did this work before? N/A Chrome version: 63.0.3239.84 Channel: stable OS Version: OS X 10.13.2 Flash Version: This is a very complicated system to submit bugs.
,
Dec 12 2017
,
Dec 12 2017
It happens on focus of the anchor tag, not hover (notice the button animation in my screenshot, the grey oval). Verified it happens on chrome and on Firefox. It happens on both of my identities included in the screenshot. I don't see how my apps or extensions would play a role. Note: Right click to inspect, then right click the anchor <a> tag and click on focus.
,
Dec 12 2017
On focus of the anchor tag a pseudo-element is displayed with absolute positioning with the top, left, bottom, and right properties set to a value of -4px causing the overflow. Changing those values to 0 solves the problem as well as setting the overflow property's value to hidden on the anchor tag itself. Hope this helps.
,
Jan 2 2018
+shend@ - can you help triage? I'm guessing this is a CSS issue but could be wrong. Thanks!
,
Jan 2 2018
Thank you for providing more feedback. Adding requester "sc00335628@techmahindra.com" to the cc list and removing "Needs-Feedback" label. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Jan 2 2018
Can reproduce on 63.0.3239.84 (Official Build) (64-bit). Focusing on the alternate identity (e.g. by right clicking or by forcing :focus with devtools) causes scrollbars to appear and the box becomes scrollable. On the surface this doesn't seem like a bug with the browser but a bug with inbox. Assigning to Tab to confirm this. Specifically, as wdugan mentioned, :focus causes a ::before pseudo-element to be created with -4px overflows. Do you know if the element becoming scrollable is working as intended? Thanks!
,
Jan 2 2018
Marking as Hotlist-Interop tentatively.
,
Jan 2 2018
Yes, if the bottom and right properties are set to -4px, it'll extend into the scrollable area, and trigger a scrollbar (if 'overflow' is set to a scrollable value) per spec. So this is working as intended. Inbox needs to fix itself.
,
Jan 2 2018
,
Dec 13
|
||||||||
►
Sign in to add a comment |
||||||||
Comment 1 by viswatej...@techmahindra.com
, Dec 12 2017478 KB
478 KB View Download