Correct the record: there is no RTL column-clipping bug

The last commit recorded "in RTL the leftmost data column clips against the
edge" as known debt. Measured rather than eyeballed, that is wrong. Counting
cells falling outside the table holder: English and Arabic are IDENTICAL — 13 of
20 columns off-screen in both, scrollWidth 3146 against clientWidth 1400 either
way.

A twenty-column table is wider than 1,400px, and RTL mirrors which edge the
overflow sits on. What I saw in the Arabic screenshot was English's right-edge
overflow appearing on the left, which is what mirroring means. I read a picture
instead of measuring, and filed the result as debt — which would have sent the
next person chasing a defect that does not exist.

Whether twenty columns is right for a 1,400px screen is a real question. It is a
design question, and it is the same question in English.
This commit is contained in:
doxa-maps-88655c70 2026-09-25 07:59:22 +00:00
parent a9a44c3eb1
commit edb66d2805

View file

@ -228,7 +228,16 @@ useShadowStyles(
<template>
<!-- The blanket dir="ltr" is gone: this profile's chrome is translated now, so Arabic gets
the RTL layout it should have. What stays LTR is each block of English prose, marked
where it sits — the same split the map profile already uses. -->
where it sits — the same split the map profile already uses.
★ CORRECTION, measured 2026-09-25. The previous commit recorded "in RTL the leftmost
data column clips against the edge" as known debt. That was wrong, and it was wrong in
the way that wastes someone else's afternoon: I read a screenshot instead of measuring.
Counting cells that fall outside the table holder, en and ar are IDENTICAL — 13 of 20
columns off-screen in both, scrollWidth 3146 against clientWidth 1400 either way. A
twenty-column table is simply wider than 1,400px, and RTL mirrors which edge the
overflow sits on. There is no RTL clipping bug to chase. Whether twenty columns is the
right design for a 1,400px screen is a real question, but it is a design question and
it is the same question in English. -->
<div class="gt" :class="{ 'is-dark': isDark }">
<h2 class="gt-h">{{ tr('gospel.tables.title') }}</h2>
<p class="gt-sub" dir="ltr">