From 7f7028568581e71cbbab9a2179559586d0fa3961 Mon Sep 17 00:00:00 2001
From: Jon Elslip <jelslip@us.ibm.com>
Date: Tue, 23 Jan 2024 08:31:17 -0800
Subject: [PATCH] fix: Add position: relative to checkboxes, radio buttons, and
 data table to work around Chromium UI issue.

---
 examples/discovery-search-app/src/app.scss | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/examples/discovery-search-app/src/app.scss b/examples/discovery-search-app/src/app.scss
index 8a152ad05..7bfb17b30 100644
--- a/examples/discovery-search-app/src/app.scss
+++ b/examples/discovery-search-app/src/app.scss
@@ -148,3 +148,13 @@ h1 {
     min-height: 0;
   }
 }
+
+.#{$prefix}--checkbox-wrapper,
+.#{$prefix}--radio-button-wrapper,
+.#{$prefix}--data-table {
+  // This is to work around a Chrome quirk where focus on a Carbon checkbox or radio button will
+  // sometimes cause parts of the UI to move upwards, making it partially unusable.
+  position: relative;
+}
+
+