From 39d695cba4a84bc8353dd5cafcc60654aadbe787 Mon Sep 17 00:00:00 2001
From: j-ethan-plunk <j.ethan.plunk@gmail.com>
Date: Sat, 22 Nov 2025 18:59:30 -0600
Subject: [PATCH] Fix: Hide flyout in print/PDF output

Add @media print rule to flyout Shadow DOM CSS to prevent
the version selector from appearing in printed documentation
or PDF exports.

The flyout overlaps content when printing, making documentation
hard to read. This fix uses @media print with :host selector
to hide the entire Shadow DOM component during print.
---
 src/flyout.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/flyout.css b/src/flyout.css
index fd5c06d7..f0c01489 100644
--- a/src/flyout.css
+++ b/src/flyout.css
@@ -176,3 +176,10 @@ small a {
   text-decoration: none;
   color: var(--readthedocs-flyout-link-color);
 }
+
+/* Hide flyout when printing or generating PDFs */
+@media print {
+  :host {
+    display: none !important;
+  }
+}
\ No newline at end of file