From c6dfd1e39c2f7e4ef37e56f772fc6f70ddb537b9 Mon Sep 17 00:00:00 2001
From: SatsAllDay <128755788+SatsAllDay@users.noreply.github.com>
Date: Wed, 30 Aug 2023 22:16:47 -0400
Subject: [PATCH] Fix toast weirdness on iOS scrolling (#461)

* Fix toast weirdness on iOS scrolling

* Remove unnecessary css hacks
---
 components/toast.js         | 2 +-
 components/toast.module.css | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/components/toast.js b/components/toast.js
index 24c31816..520185a7 100644
--- a/components/toast.js
+++ b/components/toast.js
@@ -52,7 +52,7 @@ export const ToastProvider = ({ children }) => {
 
   return (
     <ToastContext.Provider value={toaster}>
-      <ToastContainer className='pb-3 pe-3' position='bottom-end' containerPosition='fixed'>
+      <ToastContainer className={`pb-3 pe-3 ${styles.toastContainer}`} position='bottom-end' containerPosition='fixed'>
         {toasts.map(toast => (
           <Toast
             key={toast.id} bg={toast.variant} show autohide={toast.autohide}
diff --git a/components/toast.module.css b/components/toast.module.css
index fab1e1f6..0dd58386 100644
--- a/components/toast.module.css
+++ b/components/toast.module.css
@@ -1,3 +1,7 @@
+.toastContainer {
+  transform: translate3d(0,0,0);
+}
+
 .toast {
   width: auto;
   border: 1px solid var(--bs-success-border-subtle);
@@ -5,7 +9,7 @@
 }
 
 .toastClose {
-color: #fff;
+  color: #fff;
   font-family: "lightning";
   font-size: 150%;
   line-height: 1rem;