Closed Bug 1139202 Opened 10 years ago Closed 9 years ago

Create tabs panel thumbnail for about:privatebrowsing pages


(Firefox for Android Graveyard :: General, defect)

Not set


(firefox42 affected, firefox43 verified, firefox44 verified, fennec+)

Firefox 43
Tracking Status
firefox42 --- affected
firefox43 --- verified
firefox44 --- verified
fennec + ---


(Reporter: antlam, Assigned: mhaigh, Mentored)



(Whiteboard: [lang=java])


(5 files)

Tested on my N9, Nightly, in Private Browsing mode.
tracking-fennec: --- → ?
Mike or Martyn - Can one of you pick this up and investigate. Not a high priority, but worth getting it fixed.
tracking-fennec: ? → +
Martyn, have you encountered any of this code when working on the tabs tray, and do you have a device with which you can repro? If not, I can take a look.
Flags: needinfo?(mhaigh)
We think this might be N9 only given that its aspect ratio is different than other devices.
Mike: Yeah - encountered this code whilst doing the tablet refresh.  I've got a N9 so will investigate.  Personally I think we need to completely rework how these thumbnails are generated as currently it's ugly as sin.
Assignee: nobody → mhaigh
Flags: needinfo?(mhaigh)
NI self to look at today to meet with mhaigh later.
Flags: needinfo?(michael.l.comella)
After discussing with mhaigh and antlam, it turns out there are three categories of pages:
  * Web content (HTML)
  * about: pages (XUL)
  * Android pages

Web content works great (only pages with no scrolling are problematic), about: pages are inconsistent (about:config is fine, about:downloads falls off the right side of the page), and Android content is the most noticeably broken.

Things worth noting:
  * This gets worse the longer the width is than the height but in these cases, users are less likely to use the device in landscape (I assume)
  * Most users don't open about:privatebrowsing and then immediately open the tabs panel to see the broken thumbnail
Flags: needinfo?(michael.l.comella)
Blocks: 864958
Summary: Screenshots in the tabs tray are incorrectly cropped → Screenshots in the tabs tray are incorrectly cropped for Android xml and about: page xul
Consensus: we'll probably leave xul alone for now because it works well enough, but we should fix the android content pages. The only one that is really an issue that I know of is about:privatebrowsing.

We think the issue is because on web content, the content can generally scroll down, allowing the thumbnail to use vertical content not currently on the screen to maintain a reasonable aspect ratio, while the private tabs panel (and xul pages without scroll, e.g. about:downloads) has a fixed height which is the screen height.

One solution would be to replace the about:privatebrowsing thumbnail with a private browsing specific asset, similar to about:home (i.e. the globe in a grey rectangle). We could consider similar approaches for other about: pages. Two choices we ruled out were 1) still making the horizontal crop, but centering the content and 2) letterboxing the thumbnail.

NI Anthony for designs.
Flags: needinfo?(alam)
Summary: Screenshots in the tabs tray are incorrectly cropped for Android xml and about: page xul → Create thumbnail for about:privatebrowsing pages
Summary: Create thumbnail for about:privatebrowsing pages → Create tabs panel thumbnail for about:privatebrowsing pages
Assignee: mhaigh → nobody
Mentor: michael.l.comella, mhaigh
Whiteboard: [lang=java]
Attached file
I'd like to see us land bug 1018456 so I think this is really an interim solution. But here's the masq that we could put in place of the globe.

Flags: needinfo?(alam)
Assignee: nobody → mhaigh
Not a blocker on V1. 

Also, after some experimenting and more thinking. The blur effect should be an experiment right now.
Bug 1139202 - Create tabs panel thumbnail for about:privatebrowsing pages; r?mcomella
Attachment #8649946 - Flags: review?(michael.l.comella)
Comment on attachment 8649946 [details]
MozReview Request: Bug 1139202 - Create tabs panel thumbnail for about:privatebrowsing pages; r?mcomella

lgtm after extending ThemedImageView, removing the pb state code, and using a universal getDrawable method.

::: mobile/android/base/resources/drawable/tab_panel_tab_background.xml:21
(Diff revision 1)
> +    <item>

nit: add newline above.

::: mobile/android/base/widget/
(Diff revision 1)
> +    public int[] onCreateDrawableState(int extraSpace) {

Private state control is already given in ThemedImageView – extend that and remove the private state code within this class.

::: mobile/android/base/widget/
(Diff revision 1)
> -            drawable = getResources().getDrawable(R.drawable.tab_panel_tab_background);
> +            drawable = getResources().getDrawable(R.drawable.tab_panel_tab_background, null);

This is an API 21 method:,%20android.content.res.Resources.Theme%29

The best alternative, from my experience, is to use ContextCompat.getDrawable instead:,%20int%29
Attachment #8649946 - Flags: review?(michael.l.comella) → review+
Also, don't forget to compress these new images (if rb didn't lie to me).
changeset:  2cc38c418be0e4f1a809da93c3d2fd2de468d4b2
user:       Martyn Haigh <>
date:       Fri Aug 21 11:16:46 2015 +0100
Bug 1139202 - Create tabs panel thumbnail for about:privatebrowsing pages; r=mcomella
Closed: 9 years ago
Resolution: --- → FIXED
Target Milestone: --- → Firefox 43
Verified as fixed using:
Device: Nexus 7 (Android 5.1)
Build: Firefox for Android 44.0a1 and 43.0a1 (2015-10-21)
Product: Firefox for Android → Firefox for Android Graveyard
You need to log in before you can comment on or make changes to this bug.