mozilla
/
gecko-dev
зеркало из https://github.com/mozilla/gecko-dev.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Bug 1319378 - Don't set NS_FRAME_MAY_BE_TRANSFORMED against nsIFrame that does not support transforms. r=dbaron 

MozReview-Commit-ID: CuDA14ktcDL

--HG--
extra : rebase_source : 56ae5f6299391db62148ee562bc85f40b66c1d1f
This commit is contained in:
Hiroyuki Ikezoe 2016-11-28 14:19:40 +09:00
Родитель d1c271f02d
Коммит f94cef05e4
4 изменённых файлов: 39 добавлений и 1 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

3
layout/generic/nsFrame.cpp
Просмотреть файл

@ -555,7 +555,8 @@ nsFrame::Init(nsIContent* aContent,
}
const nsStyleDisplay *disp = StyleDisplay();
if (disp->HasTransform(this) ||
nsLayoutUtils::HasAnimationOfProperty(this, eCSSProperty_transform)) {
(IsFrameOfType(eSupportsCSSTransforms) &&
nsLayoutUtils::HasAnimationOfProperty(this, eCSSProperty_transform))) {
// The frame gets reconstructed if we toggle the -moz-transform
// property, so we can set this bit here and then ignore it.
mState |= NS_FRAME_MAY_BE_TRANSFORMED;

1
layout/reftests/transform/reftest.list
Просмотреть файл

@ -139,3 +139,4 @@ pref(svg.transform-box.enabled,true) == transform-box-svg-2b.svg transform-box-s
== animate-layer-scale-inherit-3.html animate-layer-scale-inherit-1-ref.html
# Bug 1301500
== dynamic-add-without-change-cb-1.html dynamic-add-without-change-cb-1-ref.html
fuzzy-if(d2d,1,5) == table-overflowed-by-animation.html table-overflowed-by-animation-ref.html

7
layout/reftests/transform/table-overflowed-by-animation-ref.html Normal file
Просмотреть файл

@ -0,0 +1,7 @@
<!DOCTYPE html>
<html>
<table style="width: 100px; height: 100px;">
<td style="transform: rotateZ(45deg); background-color: rgb(212, 61, 188);">
</td>
</table>
</html>

29
layout/reftests/transform/table-overflowed-by-animation.html Normal file
Просмотреть файл

@ -0,0 +1,29 @@
<!DOCTYPE html>
<html class="reftest-wait">
<style>
@keyframes anim {
/*
* We need to use different transform functions to produce
* UpdatePostTransformOverflow change hint, also these functions have to be
* the same matrix to being the same position while running reftest.
*/
from {
transform: rotate(0deg);
}
to {
transform: scale(1);
}
}
</style>
<table id="test" style="width: 100px; height: 100px; animation: anim 1s infinite;">
<td style="transform: rotateZ(45deg); background-color: rgb(212, 61, 188);">
</td>
</table>
<script>
document.getElementById("test").addEventListener("animationstart", () => {
requestAnimationFrame(() => {
document.documentElement.classList.remove("reftest-wait");
});
}, false);
</script>
</html>