1454206 - A bootstrap modal on a site I've created has weird pixellation and holes in the element when scrolling

Status: RESOLVED DUPLICATE of bug 1532731

(Core :: Panning and Zooming, defect, P3)

Description

[Malcolm Ocean]

Attachment: Firefox Complice bug.png

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36

Steps to reproduce:

Go to https://complice.co/ on Android firefox.
Sign in as zzztestgoals, password zzz.
Click Today at the top if the url isn't already https://complice.co/zzztestgoals/today
Click a black button called [Just submit outcomes] (it may require scrolling down the page)
A modal should pop up. Scroll the page.


Actual results:

The bottom half of the modal may start to disappear as the page scrolls, and/or become pixellated. Sometimes (it seems particularly when the keyboard is visible) a gap appears in the middle of the modal element (I wrote this app, and this is how I'm certain this is a Firefox bug and not a Complice bug; it's literally impossible to produce that kind of knockout visual effect with CSS even if you're trying, as far as I'm aware).


Expected results:

The modal should scroll normally, eventually reaching the bottom with a Submit Outcomes button. (Sometimes it does this, but it's still weirdly pixellated.)

Comment 1

[Malcolm Ocean]

I will note that this is my first time using Bugzilla and I anticipate that "Web Apps" is not the right component for this bug, but I wasn't sure where else to put it!

Comment 2

[Jan Henning [:JanH]]

I can't reproduce the screenshot exactly, but something strange is definitively going on: When scrolling down, the clip boundary of the popup moves upwards at twice the speed of the popup itself and so eventually the whole popup becomes invisible.

I wonder whether there's any relation to bug 1445535, which is another instance of some page element moving at twice the scroll speed when it shouldn't...

Comment 3

[Kartikaya Gupta (email:[e-mail])]

Attachment: Mostly-reduced testcase

Here is a reduced test case made from the URL that reproduces the problem.

Comment 4

[Botond Ballo [:botond]]

The reduced testcase makes a debug build of Android crash with:

06-22 18:44:16.656 15376 15413 F MOZ_Assert: Assertion failure: IsAncestor(aOne, aTwo) || IsAncestor(aTwo, aOne), at /builds/worker/workspace/build/src/obj-firefox/dist/include/nsDisplayList.h:296

Comment 5

[Botond Ballo [:botond]]

Bug 1427792 is on file to track that assertion failure. I'd suggest waiting for that to be fixed, and seeing if that resolves the rendering problem as well.

Comment 6

[Botond Ballo [:botond]]

The behaviour of the partially reduced testcase from comment 3 appears to have been fixed by bug 1532731.

Malcolm, would you be able to test the latest Firefox Nightly and check if your original issue is resolved as well?

Comment 7

[Botond Ballo [:botond]]

I'm going to assume this was fixed by bug 1532731. Please feel free to reopen if you're still seeing this in 68 or later.