Skip to content

Commit

Permalink
Bloquear el scroll en rup_dialog
Browse files Browse the repository at this point in the history
Con el fin de mejorar la experiencia de usuario, cuando se abra un diálogo se bloqueará el desplazamiento vertical y horizontal de la aplicación sobre la que se muestra. Una vez se cierre, se restablecerá el desplazamiento en ambos ejes.
  • Loading branch information
xaabi6 committed Oct 31, 2024
1 parent 2d60d48 commit 6d97bc9
Showing 1 changed file with 9 additions and 0 deletions.
9 changes: 9 additions & 0 deletions src/rup.dialog.js
Original file line number Diff line number Diff line change
Expand Up @@ -142,6 +142,9 @@
$overlayEl;
//Guardar el elemento que tenía el foco antes de abrir el diálogo
$(this).data('focus', $(document.activeElement));

// Bloquea el desplazamiento vertical y horizontal de la aplicación para mejorar la UX.
$('body').addClass('overflow-hidden');

var docHeight = $(document).height(),
docWidth = $(document).width();
Expand Down Expand Up @@ -390,6 +393,12 @@
return settings.onBeforeClose();
});
}

// Desbloquea el desplazamiento vertical y horizontal de la aplicación.
$(this).on('dialogclose', function() {
$('body').removeClass('overflow-hidden');
});

//Se verifica que el selector solo contenga un diálogo
if (settings.type !== null && $(this).length > 0) {

Expand Down

0 comments on commit 6d97bc9

Please sign in to comment.