786745 - subelement with overflow: hidden; is buggy if border-radius is set

Status: RESOLVED DUPLICATE of bug 786817

(Core :: Graphics: Layers, defect)

Description

[Seth Borg]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:15.0) Gecko/20100101 Firefox/15.0
Build ID: 20120824154833

Steps to reproduce:

There was no issue with FF14 but when I updated to FF15 the following code caused the subelements to randomly appear and disappear when scrolled.

If you comment out overflow: hidden or border-radius: 4px or if you replace the anchors with divs, the text will not flash. Weird that border-radius has anything to do with it.

<style>
.box {
	display: block;
	overflow: hidden;
	border-radius: 4px;
}
</style>

<div style="overflow-y: scroll; height: 100px;">
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
	<a href="test.htm" class="box">test</a>
</div>



Actual results:

text randomly flashes upon scrolling


Expected results:

no flashing

Comment 1

[Jesper Hansen]

Try to navigate to about:config and set layers.acceleration.disabled to false then restart firefox.

Comment 2

[Jesper Hansen]

I meant set it to true. Not false.

Comment 3

[Seth Borg]

OK I tried that and no change.

Comment 4

[mjh563]

Is this the same issue as bug 786817? If so, please mark it as a duplicate.

Comment 5

[Seth Borg]

Attachment: Start scrolling and watch the content disappear except for the last item that fits

Comment 6

[Seth Borg]

Comment on attachment 657322 [details]
Start scrolling and watch the content disappear except for the last item that fits

>
><style>
>.box {
>	display: block;
>	overflow: hidden;
>	border-radius: 4px;
>}
></style>
>
><div style="overflow-y: scroll; height: 100px;">
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
>	<a href="test.htm" class="box">test</a>
></div>

Comment 7

[Jesper Hansen]

Reopen if the patch once submitted in bug 786817 doesn't fix this