Attachment 455692 Details for Bug 238350 – testcase

testcase

text-orientation.html (text/html), 889 bytes, created by Oriol Brufau on 2022-03-24 14:57:07 PDT

(hide)

Description:

Filename:

MIME Type:

Creator: Oriol Brufau

Created: 2022-03-24 14:57:07 PDT

Size: 889 bytes

patch

obsolete

<!DOCTYPE html>
<style>
main {
  writing-mode: vertical-lr;
}
div {
  margin: 10px;
  height: 2em;
  width: 2em;
}

#test1 {
  text-orientation: mixed;
  -webkit-text-orientation: upright;
  box-shadow: 0 0 10px red;
  -webkit-box-shadow: 0 0 10px green;
}

#test2 {
  -webkit-text-orientation: mixed;
  text-orientation: upright;
  -webkit-box-shadow: 0 0 10px red;
  box-shadow: 0 0 10px green;
}

#test3 {
  text-orientation: mixed;
  box-shadow: 0 0 10px red;
}
#test3 {
  -webkit-text-orientation: upright;
  -webkit-box-shadow: 0 0 10px green
}

#test4 {
  -webkit-text-orientation: mixed;
  -webkit-box-shadow: 0 0 10px red;
}
#test4 {
  text-orientation: upright;
  box-shadow: 0 0 10px green;
}
</style>
All of these should have upright text and a green shadow:
<main>
  <div id="test1">1</div>
  <div id="test2">2</div>
  <div id="test3">3</div>
  <div id="test4">4</div>
</main>

Actions: View

Attachments on bug 238350: 455692 | 455761 | 455762 | 456826 | 457099