PIE icon indicating copy to clipboard operation
PIE copied to clipboard

updatePos function in RootRenderer calculates position incorrectly

Open thommahoney opened this issue 14 years ago • 2 comments

I have been able to reproduce this in IE 6 through 8 using PIEv1beta2 snapshot.

Using the following HTML and CSS, notice that the background for the button is 2 pixels off on the top and left size. The only fix I have for this is a complete hack so I won't commit it to git.

Code is here: http://c0023007.cdn1.cloudfiles.rackspacecloud.com/defect.html

Screenshot of the expected vs the actual is here: http://c0023007.cdn1.cloudfiles.rackspacecloud.com/expected_vs_actual.PNG

thommahoney avatar Aug 20 '10 15:08 thommahoney

This is still present in Beta 3. in My case its even stranger: the button is complete off, say if the button is 100ox wide, the background is about 100px off to the side. Sometimes it is completely missing and only comes back after an reflow, like hover. I would really appreciate to see this bug Fixed.

alexandertrefz avatar Jan 20 '11 18:01 alexandertrefz

This 2px-off issue is due to a default 2px-wide border that IE in quirks mode applies to the document's body. It only occurs if your element's positioning context is the body and not some other position:relative element, if you haven't removed that default border (adding body{border:0} will fix it), and if your document is in quirks mode (adding a standards doctype will clear it up).

I will add logic in PIE to check these conditions and account for the border. In the meantime, use one of these workarounds.

lojjic avatar Sep 05 '11 17:09 lojjic