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

Bug 1186998 - Align overflowing table-cell content to content-box. r=dholbert

This commit is contained in:
Kyle Zentner 2015-07-23 15:11:00 +02:00
Родитель d4da8266d4
Коммит 6ea6e3723a
4 изменённых файлов: 89 добавлений и 2 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

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

@ -3,3 +3,4 @@
skip-if(B2G||Mulet) == table-row-pagination.html table-row-pagination-ref.html # Frequently failing on b2g (bug 1155426)
== 963441.html 963441-ref.html
== table-caption-scroll.html table-caption-scroll-ref.html
== table-cell-block-overflow.html table-cell-block-overflow-ref.html

43
layout/reftests/table-overflow/table-cell-block-overflow-ref.html Normal file
Просмотреть файл

@ -0,0 +1,43 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>CSS Reftest Reference</title>
<style>
.content {
padding: 20px;
height: 100%;
width: 20px;
height: 54px;
background: purple;
}
.fake-td {
float: left;
border: 20px solid teal;
height: 54px;
width: 60px;
padding: 1px;
margin: 1px;
}
.fake-table-tr {
padding: 1px;
}
</style>
</head>
<body>
<div class="fake-table-tr">
<div class="fake-td">
<div class="content"></div>
</div>
<div class="fake-td">
<div class="content"></div>
</div>
<div class="fake-td">
<div class="content"></div>
</div>
<div class="fake-td">
<div class="content"></div>
</div>
</div>
</body>
</html>

42
layout/reftests/table-overflow/table-cell-block-overflow.html Normal file
Просмотреть файл

@ -0,0 +1,42 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Test table-cell content overflowing in the block direction for each
vertical-align value</title>
<link rel="author" title="Kyle Zentner" href="mailto:zentner.kyle@gmail.com">
<style>
td {
border: 20px solid teal;
height: 100%;
}
table {
height: 100px;
}
.content {
padding: 20px;
height: 100%;
width: 20px;
background: purple;
}
</style>
</head>
<body>
<table>
<tr>
<td style="vertical-align: middle">
<div class="content"></div>
</td>
<td style="vertical-align: baseline">
<div class="content"></div>
</td>
<td style="vertical-align: bottom">
<div class="content"></div>
</td>
<td style="vertical-align: top">
<div class="content"></div>
</td>
</tr>
</table>
</body>
</html>

5
layout/tables/nsTableCellFrame.cpp
Просмотреть файл

@ -627,8 +627,9 @@ void nsTableCellFrame::BlockDirAlignChild(WritingMode aWM, nscoord aMaxAscent)
// Align the middle of the child frame with the middle of the content area,
kidBStart = (bSize - childBSize - bEndInset + bStartInset) / 2;
}
// if the content is larger than the cell bsize, align from bstart
kidBStart = std::max(0, kidBStart);
// If the content is larger than the cell bsize, align from bStartInset
// (cell's content-box bstart edge).
kidBStart = std::max(bStartInset, kidBStart);
if (kidBStart != kidRect.BStart(aWM)) {
// Invalidate at the old position first