Closed
Bug 254793
Opened 21 years ago
Closed 20 years ago
Margin-bottom duplication when hovering over elements which changes overflow to hidden
Categories
(Core :: Layout: Block and Inline, defect)
Tracking
()
RESOLVED
WORKSFORME
People
(Reporter: martijn.martijn, Unassigned)
References
Details
(Keywords: testcase)
Attachments
(1 file)
444 bytes,
text/html
|
Details |
User-Agent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040808 Firefox/0.9.1+
Build Identifier: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a3) Gecko/20040808 Firefox/0.9.1+
Originally discussed here:
http://forums.mozillazine.org/viewtopic.php?t=107531
See upcoming testcase.
In that testcase, you should not see a shifting of the 'text' blocks when they
are hovered over, but it does currently in Mozilla.
The cause of this seems to be the div:hover{overflow:hidden} rule. It seems to
cause a duplication of the size of the margin-bottom it currently has.
Reproducible: Always
Steps to Reproduce:
1. See testcase. Hover over 'text' blocks
2.
3.
Actual Results:
'Text' blocks move down.
Expected Results:
They should stay right where they were.
Reporter | ||
Comment 1•21 years ago
|
||
Comment 2•21 years ago
|
||
Bug occurs all the way back to Mozilla 1.0.2 (inclusive)
Reporter | ||
Comment 3•20 years ago
|
||
I'm not seeing the bug anymore in:
Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.8a4) Gecko/20040919
Firefox/0.9.1+
This was most likely fixed by the fix for bug 257612.
Status: NEW → RESOLVED
Closed: 20 years ago
Resolution: --- → WORKSFORME
Comment 4•19 years ago
|
||
Workaround for Gecko 1.7 builds: trigger reflow after a slight delay.
For example:
setTimeout(function() {
some_element.style.height = '0'; //trigger reflow
some_element.style.height = 'auto'; //undo change
}, 0);
You need to log in
before you can comment on or make changes to this bug.
Description
•