Rendering issue when hiding a widget

[xavierog]

This is a follow-up to #5024, which ended with this question:

Could the same thing happen when a widget becomes invisible?

Potentially. I may have to do something similar with hidden widgets.

Would it translate into a rendering issue by chance?

from textual.app import App
from textual.containers import VerticalScroll
from textual.widgets import Footer, ProgressBar, RichLog, Placeholder

class MRE(App):
	BINDINGS = [("z", "toggle('RichLog')", "Console"), ("x", "toggle('ProgressBar')", "Progress bar")]
	CSS = """
	Placeholder { height: 15; }
	RichLog { border-top: dashed blue; height: 6; }
	.hidden { display: none; }
	"""
	def compose(self):
		with VerticalScroll():
			for i in range(10):
				yield Placeholder()
		yield ProgressBar(classes='hidden')
		yield RichLog(classes='hidden')
		yield Footer()

	def on_ready(self) -> None:
		self.query_one('RichLog').write('\n'.join(f'line #{i}' for i in range(5)))

	def action_toggle(self, widget_type) -> None:
		self.query_one(widget_type).toggle_class('hidden')

if __name__ == '__main__':
	app = MRE()
	app.run()

Originally posted by @xavierog in #5024 (comment)

[github-actions]

We found the following entries in the FAQ which you may find helpful:

• Does Textual support images?
• How do I center a widget in a screen?

Feel free to close this issue if you found an answer in the FAQ. Otherwise, please give us a little time to review.

This is an automated reply, generated by FAQtory

[github-actions]

Don't forget to star the repository!

Follow @textualizeio for Textual updates.