1006074 - CSS translate wrongly crops divs when container has opacity

Status: RESOLVED WORKSFORME

(Core :: Graphics, defect)

Description

[Jan Keromnes [:janx]]

I'm trying to make square divs that follow fingers that touch the screen, listening for touchevents and applying a CSS transform to translate my divs to the right location.

When the container has an opacity, the divs get randomly cropped, and it looks like their bounding rectangles are wrong or not updated very often.

Comment 1

[Jan Keromnes [:janx]]

Attachment: bug1006074.zip

Attached an app that reproduces the problem.

Please install it and try interacting with the screen using two fingers.

Comment 2

[Jan Keromnes [:janx]]

Attachment: good.png

When you simply touch the screen with two fingers, everything might be ok...

Comment 3

[Jan Keromnes [:janx]]

Attachment: bad.png

... but when you move your fingers around, the squares get wildly cropped in multiple directions, sometimes they even dissapear completely.

However, they seem to fix themselves every now and then, so taking a screenshot of it is tricky.

Comment 4

[Jan Keromnes [:janx]]

Nical, do you know who I should ping about this bug?

Comment 5

[Gregory Pappas [:gregp]]

Unable to reproduce in current versions.