From d7116581c8e92716f49877abc78d93dc39c34e1d Mon Sep 17 00:00:00 2001
From: Liam DeBeasi <liamdebeasi@users.noreply.github.com>
Date: Fri, 12 Aug 2022 10:39:15 -0500
Subject: [PATCH] fix(datetime): highlights now show above content in modal
 (#25756)

resolves #25755
---
 core/src/components/picker-internal/picker-internal.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/core/src/components/picker-internal/picker-internal.scss b/core/src/components/picker-internal/picker-internal.scss
index 93ee10330b..d23b73ef83 100644
--- a/core/src/components/picker-internal/picker-internal.scss
+++ b/core/src/components/picker-internal/picker-internal.scss
@@ -37,10 +37,12 @@
   width: 100%;
 
   /**
-   * This is needed for WebKit
-   * otherwise the fade will appear
-   * underneath the picker.
+   * The transform and z-index
+   * are needed for WebKit otherwise
+   * the fade will appear underneath the picker.
    */
+  transform: translateZ(0);
+
   z-index: 1;
 
   pointer-events: none;