1380622 - [Windows] Visual glitches while opening the webextension panel

Status: RESOLVED INVALID

(WebExtensions :: Untriaged, defect, P2)

Description

[Vasilica Tamas, QA [:vtamas]]

Attachment: Animation.gif

[Affected versions]:
Firefox 56.0a1 (2017-07-12)

[Affected platforms]:
Windows 10 64-bit

[Steps to reproduce]:
1.Launch Firefox with a clean profile.
2.Make sure that  "extensions.webextensions.remote” pref is set to true.
3.Install the following webextension: https://addons-dev.allizom.org/en-US/firefox/addon/beastify-oop/
4.Click on the webextension icon from toolbar.


[Expected Results]:
The webextension panel is opened without any jerkiness or rendering issues.


[Actual Results]:
- 3 black lines (separators) appear for a second while opening the webextension panel.
- This issue is not reproducible with "extensions.webextensions.remote” pref set to false.
- See attached screencast.

[Additional notes]:
- Considering that extensions.webextensions.remote is false on Firefox 55 I will mark this version as disabled.
- This issue is not reproducible on Ubuntu and Mac platforms.

Comment 1

[Peja Stija]

Same problems occur with other webextensions :
- Tampermonkey https://addons.mozilla.org/en-us/firefox/addon/tampermonkey/
... to only name one.

On top of it : The scripts used by the Tampermonkey webextension only seems to fire randomly instead of firing every time they should.
Same problems with Violentmonkey ( issue on github : https://github.com/violentmonkey/violentmonkey/issues/155 )

For example, a simple userscript which should color the issue title red when in github issue page never seem to work upon load, only after refreshing the page they fire.

Userscript used :
==============================================
// ==UserScript==
// @name        Github - Color issue title red
// @namespace   testing
// @require     https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js
// @include     https://github.com/*/*/issues/*
// @version     0.1
// @grant       none
// ==/UserScript==

$(document).ready(function(){
  $(".js-issue-title").css("color", "red");
  }
);
==============================================

Comment 2

[Kris Maglione [:kmag]]

It looks like this is probably just a checkerboarding issue.

Comment 3

[krupa raj [:krupa--use this to needinfo]]

Looks like the results are the same if the pref apz.popups.enabled is set to false.

https://public.etherpad-mozilla.org/p/Bug1380622 has the details from testing.

Comment 5

[camillebarneaud]

The addon Wappalyzer[1] encounters this issue.[2]

[1] https://addons.mozilla.org/fr/firefox/addon/wappalyzer/
[2] https://github.com/AliasIO/Wappalyzer/issues/1937

Comment 6

[Shane Caraveo (:mixedpuppy)]

The transition effect in use now (or at least what I see on win10) is different than before.  For the OP, I do see black lines between the buttons, but am not sure if that is supposed to be there or not.  

For comment 5, I don't see any apparent problem, though as your git issue states, you may be running into bug 1418677 or bug 1418677.

Comment 7

[camillebarneaud]

@mixedpuppy You are right for Wappalyzer we can not reproduce this specific bug currently.
So either this was solved regarding Wappalyzer or it was one of the two other bugs I saw when I reported it.