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:
parent
a9a44c3eb1
commit
edb66d2805
1 changed files with 10 additions and 1 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Reference in a new issue