CSS Transitions On Pseudo Elements Fails If Parent Has Overflow:Auto

VERIFIED FIXED in mozilla31

Status

()

Core
Layout
VERIFIED FIXED
4 years ago
4 years ago

People

(Reporter: Brenton, Assigned: mats)

Tracking

({testcase})

Trunk
mozilla31
x86_64
Windows 7
testcase
Points:
---
Dependency tree / graph

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

4 years ago
User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/29.0.1547.66 Safari/537.36

Steps to reproduce:

This effects all versions up to: 23.0.1

<!doctype html>
<html>
	<head>
		<title>Transition Test</title>
		<style type="text/css">
			div {
				overflow: auto;
			}
			div:before, div:after {
				color: #fff;
				-moz-transition: all 500ms ease;
			}
			div:before {
				content: '[ ';
			}
			div:after {
				content: ' ]';
			}
			div:hover:before, div:hover:after {
				color: #000;
			}
		</style>
	</head>
	<body>
		<div>Element</div>
		<div>Element</div>
		<div>Element</div>
	</body>
</html>


Actual results:

The browser fails to transition the font color.


Expected results:

If you comment out the "overflow: auto" line, the browser will transition the pseudo elements as expected.

Updated

4 years ago
Component: Untriaged → Layout
Product: Firefox → Core
Flags: needinfo?(dbaron)
FWIW, MSIE 11 behaves as Chrome 33.
Keywords: testcase
Version: unspecified → Trunk
Created attachment 8333540 [details]
Reporter's Testcase
Blocks: 999643
(Assignee)

Comment 3

4 years ago
Should be fixed in Nightly in a few days, by bug 990340.
Status: UNCONFIRMED → RESOLVED
Last Resolved: 4 years ago
Resolution: --- → FIXED
Assignee: nobody → matspal
Flags: needinfo?(dbaron)
Target Milestone: --- → mozilla31
Keywords: verifyme

Comment 4

4 years ago
Reproduced with Nightly 2014-02-27.
Verified as fixed with Firefox 31 beta 4 (Build ID: 20140623175014) on Windows 7 x64 and Mac OS X 10.9.3: 

Mozilla/5.0 (Windows NT 6.1; WOW64; rv:31.0) Gecko/20100101 Firefox/31.0
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.9; rv:31.0) Gecko/20100101 Firefox/31.0
Status: RESOLVED → VERIFIED
Keywords: verifyme
You need to log in before you can comment on or make changes to this bug.