1439891 - DOM Range.getClientRects() and getBoundingClientRect() methods are broken for text with vertical writing mode

Status: RESOLVED DUPLICATE of bug 1437509

(Core :: Layout: Text and Fonts, defect, P3)

Description

[Jonathan Kew [:jfkthame]]

Simple testcase:

  data:text/html,<tt style="writing-mode:vertical-lr;">foobar

Then using the web console...

  var txt = document.getElementsByTagName("tt")[0].firstChild;
  var rng = document.createRange();
  rng.setStart(txt, 3);
  rng.setEnd(txt, 4);
  // now rng is the single character "b"
  rng.getBoundingClientRect();

>> result:
DOMRect { x: 8, y: 8, width: 0, height: 46.80000305175781, top: 8, right: 8, bottom: 54.80000305175781, left: 8 }

(Exact numbers will be font-dependent, but notice the width:0 which is clearly bad; also top/bottom/height are wrong for the single letter that was selected.)

  rng.setStart(txt, 1);
  rng.setEnd(txt, 5);
  // now rng is "ooba"
  rng.getBoundingClientRect();

>> result:
DOMRect { x: 8, y: 8, width: 0, height: 46.80000305175781, top: 8, right: 8, bottom: 54.80000305175781, left: 8 }

(Exactly the same as above!)

Comment 1

[Jonathan Kew [:jfkthame]]

Looks like this was fixed in bug 1437509. :)