Double-width character measured incorrectly when in background of modal screen

[kwevin]

Same issue as #4996
It appears to still happen in some cases.

Versions

Name	Value
Textual	0.82.0
Rich	13.9.1

Python

Name	Value
Version	3.11.1
Implementation	CPython
Compiler	MSC v.1934 64 bit (AMD64)
Executable	C:\Users\Kevin\AppData\Local\pypoetry\Cache\virtualenvs\listentui-qruDwX8r-py3.11\Scripts\python.exe

Operating System

Name	Value
System	Windows
Release	10
Version	10.0.22621

Terminal

Name	Value
Terminal Application	Windows Terminal
TERM	Not set
COLORTERM	Not set
FORCE_COLOR	Not set
NO_COLOR	Not set

Rich Console options

Name	Value
size	width=93, height=34
legacy_windows	False
min_width	1
max_width	93
is_terminal	True
encoding	utf-8
max_height	34
justify	None
overflow	None
no_wrap	False
highlight	None
markup	None
height	None

MRE

from textual import events, on
from textual.app import App, ComposeResult
from textual.containers import Center, Grid, Middle
from textual.screen import ModalScreen
from textual.widgets import Button, DataTable, Label


class QuitScreen(ModalScreen):
    DEFAULT_CSS = """
    QuitScreen {
        align: center middle;
    }

    #dialog {
        grid-size: 2;
        grid-gutter: 1 2;
        grid-rows: 1fr 3;
        padding: 0 1;
        width: 60;
        height: 11;
        border: thick $primary 80%;
        background: $surface;
    }

    #question {
        column-span: 2;
        height: 1fr;
        width: 1fr;
        content-align: center middle;
    }
    Button {
        width: 100%;
    }   
    """
    """Screen with a dialog to quit."""

    def compose(self) -> ComposeResult:
        yield Grid(
            Label("Are you sure you want to quit?", id="question"),
            Button("Quit", variant="error", id="quit"),
            Button("Cancel", variant="primary", id="cancel"),
            id="dialog",
        )

    def on_button_pressed(self, event: Button.Pressed) -> None:
        if event.button.id == "quit":
            self.app.exit()
        else:
            self.app.pop_screen()


DATA = [
    ["Id", "Track", "Requested By", "Played At", "Artists", "Album", "Source"],
    [
        "7941",
        "青春サツバツ論",
        "",
        "04-10-2024 11:11:14",
        "3-nen E-gumi Utatan",
        "Ansatsu Kyoushitsu OP Single - Seishun Satsubatsuron",
        "Assassination Classroom",
    ],
    ["3223", "Bolero!", "", "04-10-2024 11:06:09", "Arashi", "", ""],
    ["8471", "崩壊の日", "", "04-10-2024 11:02:03", "EastNewSound", "Tragical Garnet", ""],
    ["19012", "HORiZON", "", "04-10-2024 10:58:04", "halca", "スターティングブルー", ""],
    ["28218", "Lamy*Love♡Fest☆", "", "04-10-2024 10:54:26", "雪花ラミィ", "Lamy*Love♡Fest☆", ""],
    [
        "18291",
        "前を向いて！",
        "",
        "04-10-2024 10:50:19",
        "大城あかり (CV: 木村千咲)",
        "FLY two BLUE",
        "はるかなレシーブ",
    ],
    [
        "20747",
        "Bottleship",
        "",
        "04-10-2024 10:43:15",
        "メルク (CV: 水瀬いのり)",
        "TVアニメ「メルクストーリア -無気力少年と瓶の中の少女-」 主題歌CD",
        "メルクストーリア -無気力少年と瓶の中の少女",
    ],
    ["4464", "シルビア", "", "04-10-2024 10:37:57", "Naotaro Moriyama ( 森山直太朗 )", "", ""],
    ["4157", "Kazanbai", "", "04-10-2024 10:29:09", "French Kiss", "", ""],
    ["25509", "THE GLORY DAY (So Special Ver.)", "", "04-10-2024 10:24:10", "MISIA", "So Special Christmas", ""],
    [
        "12904",
        "アムリタ (Amrita)",
        "",
        "04-10-2024 10:19:18",
        "Hagiwara Yukiho (CV: 浅倉 杏美)",
        "THE IDOLM@STER ANIM@TION MASTER 生っすかSPECIAL 05",
        "The iDOLM@STER",
    ],
    ["16782", "遠くまで", "", "04-10-2024 10:14:50", "大原櫻子", "泣きたいくらい", ""],
    [
        "8369",
        "南無阿弥JKうらめしや?！",
        "",
        "04-10-2024 10:10:12",
        "のみこ, 大瀬良あい",
        "メイド・イン・きゅんクチュアリ☆",
        "",
    ],
    ["1692", "Every Heart", "", "04-10-2024 10:04:40", "BoA", "", "Inuyasha"],
    ["14136", "宵待雨月", "", "04-10-2024 10:00:49", "結城アイラ", "decade wind [Disc 1]", "Sola"],
]


class MyApp(App[None]):
    def compose(self) -> ComposeResult:
        with Middle(), Center():
            yield DataTable()

    def on_mount(self) -> None:
        table = self.query_one(DataTable)
        table.add_columns(*DATA[0])
        table.add_rows(DATA[1:])
        self.push_screen(QuitScreen())


app = MyApp()
app.run()

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.

[willmcgugan]

Please try with Rich 13.9.2

[kwevin]

Fixed in 13.9.2 👍 .