Bug 187524 – getClientRects and getBoundingClientRect don't follow the spec for tables

• Status: NEW
• Component: DOM

[Boris Zbarsky]

VERSION: Safari TP 57

STEPS TO REPRODUCE: Load attached testcase.

EXPECTED BEHAVIOR: Alert shows a list with two rects in it.

ACTUAL BEHAVIOR: Alert shows a list with only one rect.

ADDITIONAL INFORMATION: https://drafts.csswg.org/cssom-view/#dom-element-getclientrects says:

  If the element on which the method was invoked has a
  computed value for the display property of table or
  inline-table include both the table box and the caption
  box, if any, but not the anonymous container box.

but WebKit seems to be returning only the anonymous container box.

Gecko follows the spec here, fwiw.

[Boris Zbarsky]

Created attachment 344704 [details]
Testcase

[Radar WebKit Bug Importer]

<rdar://problem/42033168>

[Ahmad Saleem]

Chrome Canary 106:

{"0":{"x":8,"y":8,"width":200,"height":37,"top":8,"right":208,"bottom":45,"left":8}}

Firefox Nightly 104:

{"0":{"x":8,"y":25,"width":100,"height":20,"top":25,"right":108,"bottom":45,"left":8},"1":{"x":8,"y":8,"width":200,"height":17,"top":8,"right":208,"bottom":25,"left":8}}

Safari 15.6 on macOS 12.5:

{"0":{"x":8,"y":8,"width":200,"height":37,"top":8,"right":208,"bottom":45,"left":8}}

______

I a not sure on expected behavior but it seems Safari and Chrome are only showing single rect rather than two like Firefox. Thanks!