improve(pages): improve notes inside note links

Author: gustavotoyota

apps/client/src/code/pages/composables/use-page-navigation-interception.ts

@@ -11,9 +11,12 @@ export function usePageNavigationInterception() {
 
       // Ignore if it's not a link
 
-      const anchor = target.closest('a[href]');
+      const closestAnchor = target.closest('a');
 
-      if (anchor == null) {
+      const href = closestAnchor?.getAttribute('href') ?? '';
+
+      if (!href) {
+        event.preventDefault();
         return;
       }
 
@@ -35,8 +38,6 @@ export function usePageNavigationInterception() {
 
       // Allow default action if it's not a page link
 
-      const href = anchor.getAttribute('href') ?? '';
-
       if (
         !(
           href.startsWith('/pages/') ||

apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteContent.vue

@@ -6,6 +6,7 @@
     :style="{ cursor: note.react.cursor }"
     tabindex="-1"
     target="_blank"
+    draggable="false"
   >
     <div
       class="note-content"
@@ -53,7 +54,7 @@ function onLeftPointerDown(event: PointerEvent) {
   }
 
   if (
-    (note.react.collab.link || (event.target as Element).closest('a[href]')) &&
+    note.react.collab.link &&
     !event.altKey &&
     !event.shiftKey &&
     !internals.mobileAltKey &&

apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteListContainer.vue

@@ -286,5 +286,7 @@ useResizeObserver(
   display: flex;
 
   margin: 3px;
+
+  cursor: default;
 }
 </style>

apps/client/src/layouts/PagesLayout/MainContent/DisplayPage/DisplayScreens/DisplayWorld/DisplayNote/NoteSection/NoteContainerSection/NoteSpatialContainer.vue

@@ -8,7 +8,7 @@
   >
     <div
       class="note-spatial-background"
-      @click.left="onLeftClick"
+      @click.left.stop.prevent="onLeftClick"
     >
       <!-- Placeholder -->
 
@@ -147,6 +147,8 @@ async function onLeftClick(event: MouseEvent) {
   border-radius: 5px;
 
   background-color: rgba(0, 0, 0, 0.4);
+
+  cursor: default;
 }
 
 .note-spatial-background {