Bug 39354: Remove unintended Bootstrap 5 change to scroll-behavior

This patch updates the "variables" SCSS file in the OPAC and staff
interface in order to disable the "smooth scroll" behavior introduced in
Bootstrap 5. This was an unexpected and unintentional change.

The patch also corrects another unexpected side-effect of the BS5
upgrade: A change to the "cursor" property of elements with a
".placeholder" class. This class is used by the multiple-select jQuery
plugin found in some system preference controls.

To test, apply the patch and rebuild the staff and OPAC CSS.

- Clear your browser cache if necessary.
- In the staff interface, go to Administration -> System preferences ->
  Circulation, and click "Patron restrictions" in the left-hand sidebar.
  The page should jump immediately to that section without any scrolling
  effect.
- Go to the "Article requests" section of that page. Hover your cursor
  over a dropdown which doesn't have any option selected. Your cursor
  should not change to a "waiting" cursor.

Signed-off-by: David Nind <david@davidnind.com>

Signed-off-by: Jonathan Druart <jonathan.druart@bugs.koha-community.org>
Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
This commit is contained in:
Owen Leonard 2025-03-17 10:26:21 +00:00 committed by Katrin Fischer
parent 37c8c6606a
commit 09c79110a1
No known key found for this signature in database
GPG Key ID: 0EF6E2C03357A834
3 changed files with 7 additions and 2 deletions

View File

@ -376,7 +376,7 @@ $enable-shadows: false;
$enable-gradients: false;
$enable-transitions: true;
$enable-reduced-motion: true;
$enable-smooth-scroll: true;
$enable-smooth-scroll: false;
$enable-grid-classes: true;
$enable-container-classes: true;
$enable-cssgrid: false;

View File

@ -117,6 +117,11 @@ $enable-dark-mode: false;
white-space: nowrap;
}
.placeholder {
/* Override Bootstrap style which conflicts with multiple-select */
cursor: default;
}
.dropup .dropdown-menu[data-bs-popper] {
margin-bottom: 0;
}

View File

@ -382,7 +382,7 @@ $enable-shadows: false;
$enable-gradients: false;
$enable-transitions: true;
$enable-reduced-motion: true;
$enable-smooth-scroll: true;
$enable-smooth-scroll: false;
$enable-grid-classes: true;
$enable-container-classes: true;
$enable-cssgrid: false;