mirror of
https://github.com/mozilla/gecko-dev.git
synced 2024-10-22 01:35:35 +00:00
Bug 1149383 part 1: Make flexbox writing-mode tests use different widths vs. heights to reveal bug with vertical writing-modes. (test-only)
This commit is contained in:
parent
36b7acc82a
commit
f66351f5f1
@ -11,14 +11,14 @@
|
||||
<style>
|
||||
.flexContainer {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
/* Testcase has direction: ltr; */
|
||||
/* Testcase has writing-mode: horizontal-tb; */
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
@ -14,14 +14,14 @@
|
||||
.flexContainer {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
direction: ltr;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
}
|
||||
.item1 {
|
||||
|
@ -11,14 +11,14 @@
|
||||
<style>
|
||||
.flexContainer {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
/* Testcase has direction: ltr; */
|
||||
/* Testcase has writing-mode: vertical-rl; */
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
@ -14,14 +14,14 @@
|
||||
.flexContainer {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
}
|
||||
.item1 {
|
||||
|
@ -11,14 +11,14 @@
|
||||
<style>
|
||||
.flexContainer {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
/* Testcase has direction: ltr; */
|
||||
/* Testcase has writing-mode: vertical-lr; */
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
@ -14,14 +14,14 @@
|
||||
.flexContainer {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
direction: ltr;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
}
|
||||
.item1 {
|
||||
|
@ -11,14 +11,14 @@
|
||||
<style>
|
||||
.flexContainer {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
/* Testcase has direction: rtl; */
|
||||
/* Testcase has writing-mode: horizontal-tb; */
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
@ -14,14 +14,14 @@
|
||||
.flexContainer {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
direction: rtl;
|
||||
writing-mode: horizontal-tb;
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
}
|
||||
.item1 {
|
||||
|
@ -11,14 +11,14 @@
|
||||
<style>
|
||||
.flexContainer {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
/* Testcase has direction: rtl; */
|
||||
/* Testcase has writing-mode: vertical-rl; */
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
@ -14,14 +14,14 @@
|
||||
.flexContainer {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-rl;
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
}
|
||||
.item1 {
|
||||
|
@ -11,14 +11,14 @@
|
||||
<style>
|
||||
.flexContainer {
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
/* Testcase has direction: rtl; */
|
||||
/* Testcase has writing-mode: vertical-lr; */
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
float: left;
|
||||
}
|
||||
|
@ -14,14 +14,14 @@
|
||||
.flexContainer {
|
||||
display: flex;
|
||||
height: 30px;
|
||||
width: 30px;
|
||||
width: 40px;
|
||||
border: 1px solid gray;
|
||||
margin-bottom: 5px;
|
||||
direction: rtl;
|
||||
writing-mode: vertical-lr;
|
||||
}
|
||||
.flexContainer > * {
|
||||
width: 15px;
|
||||
width: 20px;
|
||||
height: 15px;
|
||||
}
|
||||
.item1 {
|
||||
|
@ -185,8 +185,8 @@ skip-if(Mulet) == flexbox-overflow-vert-001.html flexbox-overflow-vert-001-ref.h
|
||||
|
||||
# Tests for combined influence of 'writing-mode' & 'direction' on flex axes
|
||||
test-pref(layout.css.vertical-text.enabled,true) == flexbox-writing-mode-001.html flexbox-writing-mode-001-ref.html
|
||||
test-pref(layout.css.vertical-text.enabled,true) == flexbox-writing-mode-002.html flexbox-writing-mode-002-ref.html
|
||||
test-pref(layout.css.vertical-text.enabled,true) == flexbox-writing-mode-003.html flexbox-writing-mode-003-ref.html
|
||||
test-pref(layout.css.vertical-text.enabled,true) fails == flexbox-writing-mode-002.html flexbox-writing-mode-002-ref.html # bug 1149383
|
||||
test-pref(layout.css.vertical-text.enabled,true) fails == flexbox-writing-mode-003.html flexbox-writing-mode-003-ref.html # bug 1149383
|
||||
test-pref(layout.css.vertical-text.enabled,true) == flexbox-writing-mode-004.html flexbox-writing-mode-004-ref.html
|
||||
test-pref(layout.css.vertical-text.enabled,true) == flexbox-writing-mode-005.html flexbox-writing-mode-005-ref.html
|
||||
test-pref(layout.css.vertical-text.enabled,true) == flexbox-writing-mode-006.html flexbox-writing-mode-006-ref.html
|
||||
test-pref(layout.css.vertical-text.enabled,true) fails == flexbox-writing-mode-005.html flexbox-writing-mode-005-ref.html # bug 1149383
|
||||
test-pref(layout.css.vertical-text.enabled,true) fails == flexbox-writing-mode-006.html flexbox-writing-mode-006-ref.html # bug 1149383
|
||||
|
Loading…
Reference in New Issue
Block a user