fix: global layer pointer events, close #216

slidevjs · Jun 3, 2021 · f4cc0ce · f4cc0ce
1 parent f53f07b
commit f4cc0ce
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 12 deletions.
diff --git a/cypress/fixtures/basic/global.vue b/cypress/fixtures/basic/global.vue
@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="$slidev.nav.currentPage % 2 === 1"
-    class="absolute bottom-0 right-0 p-10"
+    class="absolute bottom-0 right-0 m-10 hover:text-red-400"
   >
     Global Footer (appear only on odd page)
   </div>

diff --git a/packages/client/internals/SlidesShow.vue b/packages/client/internals/SlidesShow.vue
@@ -19,11 +19,7 @@ watch(currentRoute, () => {
 
 <template>
   <!-- Global Bottom -->
-  <SlideWrapper>
-    <div class="slidev-global-bottom -z-1 absolute top-0 left-0 bottom-0 right-0 w-full h-full">
-      <GlobalBottom />
-    </div>
-  </SlideWrapper>
+  <GlobalBottom />
 
   <!-- Slides -->
   <template v-for="route of rawRoutes" :key="route.path">
@@ -39,9 +35,5 @@ watch(currentRoute, () => {
   </template>
 
   <!-- Global Top -->
-  <SlideWrapper>
-    <div class="slidev-global-top absolute top-0 left-0 bottom-0 right-0 w-full h-full">
-      <GlobalTop />
-    </div>
-  </SlideWrapper>
+  <GlobalTop />
 </template>
diff --git a/packages/slidev/node/plugins/loaders.ts b/packages/slidev/node/plugins/loaders.ts
@@ -451,7 +451,6 @@ export function createSlidesLoader(
         if (layer === 'top') {
           return [
             join(root, 'global.vue'),
-            join(root, 'Global.vue'),
             join(root, 'global-top.vue'),
             join(root, 'GlobalTop.vue'),
           ]