From ca78b79f0ff4fcec5d12f607fbacbf011066b50b Mon Sep 17 00:00:00 2001
From: Diego Pascual <diegopf@users.noreply.github.com>
Date: Thu, 2 May 2024 11:43:19 +0200
Subject: [PATCH] drop root-selector usage

---
 .../src/components/scroll/test-scroll.vue                     | 2 +-
 .../src/components/layouts/multi-column-max-width-layout.vue  | 2 +-
 packages/x-components/tests/unit/main-scroll.spec.ts          | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/_vue3-migration-test/src/components/scroll/test-scroll.vue b/packages/_vue3-migration-test/src/components/scroll/test-scroll.vue
index 0bd32a7ab4..5d8d58312d 100644
--- a/packages/_vue3-migration-test/src/components/scroll/test-scroll.vue
+++ b/packages/_vue3-migration-test/src/components/scroll/test-scroll.vue
@@ -6,7 +6,7 @@
 </script>
 
 <template>
-  <MainScroll root-selector="#rootScroll">
+  <MainScroll>
     <ul id="rootScroll" class="list" data-test="scroll">
       <MainScrollItem v-for="item in items" :key="item.id" class="item" tag="article" :item="item">
         {{ item.id }}
diff --git a/packages/x-components/src/components/layouts/multi-column-max-width-layout.vue b/packages/x-components/src/components/layouts/multi-column-max-width-layout.vue
index 77c17a18ad..9b55ef31c5 100644
--- a/packages/x-components/src/components/layouts/multi-column-max-width-layout.vue
+++ b/packages/x-components/src/components/layouts/multi-column-max-width-layout.vue
@@ -69,7 +69,7 @@
         </Scroll>
       </BaseIdTogglePanel>
 
-      <MainScroll root-selector="#main-scroll" class="x-flex x-flex-auto">
+      <MainScroll class="x-flex x-flex-auto">
         <Scroll v-if="hasContent('main-body')" id="main-scroll" class="x-layout__body-scroll">
           <section class="x-layout__main-body x-list x-list--vertical">
             <!-- @slot Slot that can be used to insert the body content. -->
diff --git a/packages/x-components/tests/unit/main-scroll.spec.ts b/packages/x-components/tests/unit/main-scroll.spec.ts
index 16f7d07b94..6affd7a73c 100644
--- a/packages/x-components/tests/unit/main-scroll.spec.ts
+++ b/packages/x-components/tests/unit/main-scroll.spec.ts
@@ -25,7 +25,7 @@ function renderMainScroll({
   windowScrollingElement,
   template = `
       <MainScroll v-bind="{ threshold, margin, useWindow }"
-                  root-selector="#rootScroll" class="root-scroll">
+                  class="root-scroll">
         <div id="rootScroll" class="container" ${!useWindow ? `data-test="scroll"` : ''}>
           <MainScrollItem
             v-for="item in items"
@@ -166,7 +166,7 @@ describe('testing MainScroll component', () => {
         const { restoreScrollToItem, getItem } = renderMainScroll({
           ...defaultParameters,
           template: `
-            <MainScroll v-bind="{ threshold, margin, useWindow }" root-selector="#rootScroll">
+            <MainScroll v-bind="{ threshold, margin, useWindow }">
               <div data-test="main-scroll" id="rootScroll">
                 <StaggeredFadeAndSlide>
                   <MainScrollItem