If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

Ruleview highlights transform translate in a wrong way

NEW
Unassigned

Status

()

Firefox
Developer Tools: CSS Rules Inspector
P2
normal
9 months ago
8 months ago

People

(Reporter: arni2033, Unassigned)

Tracking

Trunk
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

9 months ago
>>>   My Info:   Win7_64, Nightly 49, 32bit, ID 20160526082509
STR_1:
1. Open url [1]
2. Scroll the page to the bottom
3. Open devtools -> inspector -> ruleview, inspect the black square (selector ".d2")
4. Hover mouse over text "translate" in ruleview

AR:  Ruleview draws green square on the page above the black square
ER:  Green square should be drawn on the same place where black square is located

> [1] data:text/html,<div class="d0"><div class="d1"><div class="d2"><style>body{height:100%}.d1{position:fixed;top:50px;height:150px;left:50px;width:150px;background:lightgray;}.d2{position:absolute;top:50px;height:50px;left:50px;width:50px;background:black;transform:translateY(0px)}
(Reporter)

Updated

9 months ago
Component: Untriaged → Developer Tools: CSS Rules Inspector
(Reporter)

Updated

9 months ago
No longer blocks: 1277113
Thanks for filing! 

The issue probably lies within the shared/layout/utils::getNodeBounds, which computes the untransformed bounds of a node, taking into account parent nodes' scrollbars. For position fixed elements, this doesn't make sense.
Priority: -- → P2
You need to log in before you can comment on or make changes to this bug.