Abrir "keyboard shortcuts" en una nueva pestaña abre la misma página en la que estabas al hacer clic en "keyboard shortcuts"

Contribuir UX
1

Hola, creo que esto es menos un error y más un comportamiento inesperado…

Tengo el hábito en mi Mac de usar ⌘+Click para abrir enlaces en nuevas pestañas. Cuando lo hago en “Atajos de teclado” en el menú hamburguesa, se abre una nueva pestaña que no muestra los atajos de teclado.

2

La navegación para ese “enlace” se maneja dentro de la aplicación. Puse enlace entre comillas porque en realidad no es un enlace, ya que no apunta a ninguna dirección específica.

<a class="widget-link keyboard-shortcuts-link" href="" title="Atajos de teclado">
  <span class="d-label">Atajos de teclado</span>
</a>

¿Notas cómo el atributo href está vacío?

Simplemente abre un modal o cuadro de diálogo. Por lo tanto, no es posible abrir ese enlace en una nueva pestaña y que aparezca ese modal.

1 me gusta
3

Hola, lo entiendo. Simplemente quería señalar que es un comportamiento inesperado desde la perspectiva de un usuario, ya que visualmente, “Atajos de teclado” se ve exactamente como un enlace. Si hay alguna manera de ofrecer alguna indicación de que el proceso de “abrir en una nueva pestaña” no funcionará, sería ideal. Creo que esto no necesita ser priorizado, por supuesto — no puedo imaginar que demasiadas personas se encuentren con esto.

4

Por si sirve de algo, eliminar el atributo href por completo (en lugar de dejarlo como una cadena vacía, lo cual es una referencia al documento actual) debería evitar que el enlace se abra en una nueva pestaña, al menos en la mayoría de los navegadores.

4 Me gusta
5

Vale, una etiqueta de ancla sin href es válida en HTML5.

El problema de eliminarla es que la quitaría del índice de pestañas, lo que significa que no se podría acceder a ese enlace mediante el teclado u otros métodos de entrada alternativos.

Podemos solucionarlo añadiendo tabindex: 0.

Así que podríamos hacer algo como esto:

links.push({
  action: "showKeyboard",
  className: "keyboard-shortcuts-link",
  label: "keyboard_shortcuts_help.title",
  attributes: {
    tabindex: 0
  }
});

a menos que @awesomerobot conozca algún otro problema al eliminar el href?

5 Me gusta
6

Siento que esto es una ligera mejora sobre abrir una nueva pestaña, pero sigue resultando extraño que no ocurra nada cuando intento abrir ese enlace en una nueva pestaña… especialmente porque es el único enlace del menú que se comporta así.

Idealmente, deberíamos abrir el modal del teclado en cualquier caso. En /widgets/link.js.es6 tenemos:

click(e) {
  if (wantsNewWindow(e)) {
    return;
  }
...

Así que parece que estamos evitando que ocurra cualquier cosa al hacer clic allí si se solicita una nueva ventana o pestaña… Me pregunto si podemos hacer una pequeña reorganización allí para poder abrir el modal a pesar de las teclas modificadoras.

5 Me gusta