Reposition function is not working with shadow roots (selector option) about toastify-js HOT 1 OPEN

diff --git a/node_modules/toastify-js/src/toastify.js b/node_modules/toastify-js/src/toastify.js
index 5d9659c..69dfbdc 100644
--- a/node_modules/toastify-js/src/toastify.js
+++ b/node_modules/toastify-js/src/toastify.js
@@ -279,6 +279,8 @@
         rootElement = document.body;
       }
 
+      this.rootElement = rootElement;
+
       // Validating if root element is present in DOM
       if (!rootElement) {
         throw "Root element is not defined";
@@ -289,7 +291,7 @@
       rootElement.insertBefore(this.toastElement, elementToInsert);
 
       // Repositioning the toasts in case multiple toasts are present
-      Toastify.reposition();
+      Toastify.reposition(rootElement);
 
       if (this.options.duration > 0) {
         this.toastElement.timeOutValue = window.setTimeout(
@@ -335,7 +337,7 @@
           this.options.callback.call(toastElement);
 
           // Repositioning the toasts again
-          Toastify.reposition();
+          Toastify.reposition(this.rootElement);
         }.bind(this),
         400
       ); // Binding `this` for function invocation
@@ -343,7 +345,11 @@
   };
 
   // Positioning the toasts on the DOM
-  Toastify.reposition = function() {
+  Toastify.reposition = function(rootElement) {
+
+    if (!rootElement) {
+      rootElement = document.body;
+    }
 
     // Top margins with gravity
     var topLeftOffsetSize = {
@@ -360,7 +366,7 @@
     };
 
     // Get all toast messages on the DOM
-    var allToasts = document.getElementsByClassName("toastify");
+    var allToasts = rootElement.getElementsByClassName("toastify");
 
     var classUsed;