1327768 - Ruleview highlights transform translate in a wrong way

Status: NEW

(DevTools :: Inspector: Rules, defect, P2)

Description

[arni2033]

>>>   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)}

Comment 1

[Julian Descottes [:jdescottes]]

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.