The reproducible example is below. if True: can be sw

Textual Diagnostics Versions <t

Yes, it does, thank you! <div class="snippet-clipboard-content notranslate positio

DataTable inside a TabbedContent/TabPane behaves abnormally. about textual HOT 5 CLOSED

arcivanov commented on July 22, 2024

DataTable inside a TabbedContent/TabPane behaves abnormally.

from textual.

Comments (5)

github-actions commented on July 22, 2024

Thank you for your issue. Give us a little time to review it.

PS. You might want to check the FAQ if you haven't done so already.

This is an automated reply, generated by FAQtory

from textual.

arcivanov commented on July 22, 2024

Textual Diagnostics

Versions

Name	Value
Textual	0.63.4
Rich	13.7.1

Python

Name	Value
Version	3.12.3
Implementation	CPython
Compiler	GCC 13.2.1 20240316 (Red Hat 13.2.1-7)
Executable	/home/arcivanov/.pyenv/versions/3.12.3/envs/boris-trading/bin/python

Operating System

Name	Value
System	Linux
Release	6.8.10-300.fc40.x86_64
Version	#1 SMP PREEMPT_DYNAMIC Fri May 17 21:20:54 UTC 2024

Terminal

Name	Value
Terminal Application	Unknown
TERM	xterm-256color
COLORTERM	truecolor
FORCE_COLOR	Not set
NO_COLOR	Not set

Rich Console options

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

from textual.

TomJGooding commented on July 22, 2024

I think the problem is that TabPane has a default height of auto. If you change the height of your DataTable to 1fr rather than than 100%, does this work as expected?

from textual.

arcivanov commented on July 22, 2024

Yes, it does, thank you!

    #tab-orders {
        padding: 0 0;
    }
    #orders {
        column-span: 2;
        row-span: 3;
        border: solid $primary 80%;
        height: 1fr;
    }