Add a new test use case

twbs · Dec 29, 2024 · 2a67d59 · 2a67d59
1 parent 059bb59
commit 2a67d59
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/site/content/docs/5.3/components/close-button.md b/site/content/docs/5.3/components/close-button.md
@@ -55,3 +55,21 @@ toc: true
   </div>
 </div>
 {{< /example >}}
+
+## Toast + Close Button issue in 39765
+
+Forcing `data-bs-theme="light"` didn't work in dark mode. Now, the cross button is always dark.
+
+{{< example >}}
+<div class="toast" role="alert" aria-live="assertive" aria-atomic="true">
+  <div class="toast-header bg-warning" data-bs-theme="light">
+    <img src="..." class="rounded me-2" alt="...">
+    <strong class="me-auto">Warning!</strong>
+    <small>11 mins ago</small>
+    <button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
+  </div>
+  <div class="toast-body">
+    This is a warning message.
+  </div>
+</div>
+{{< /example >}}