diff --git a/CHANGELOG.txt b/CHANGELOG.txt index be1485d2fe..bf39b0228c 100644 --- a/CHANGELOG.txt +++ b/CHANGELOG.txt @@ -6,6 +6,7 @@ Changelog * Fix: Update system check for overwriting storage backends to recognise the `STORAGES` setting introduced in Django 4.2 (phijma-leukeleu) * Fix: Prevent password change form from raising a validation error when browser autocomplete fills in the "Old password" field (Chiemezuo Akujobi) + * Fix: Ensure that the legacy dropdown options, when closed, do not get accidentally clicked by other interactions wide viewports (CheesyPhoenix) * Maintenance: Update BeautifulSoup upper bound to 4.12.x (scott-8) * Maintenance: Migrate initialization of classes (such as `body.ready`) from multiple JavaScript implementations to one Stimulus controller `w-init` (Chiemezuo Akujobi) diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md index 1b085f874f..42faac71d4 100644 --- a/CONTRIBUTORS.md +++ b/CONTRIBUTORS.md @@ -755,6 +755,7 @@ * Chinedu Ihedioha * scott-8 * phijma-leukeleu +* CheesyPhoenix ## Translators diff --git a/client/scss/components/_dropdown.legacy.scss b/client/scss/components/_dropdown.legacy.scss index 5fa8e9c776..790f969ca0 100644 --- a/client/scss/components/_dropdown.legacy.scss +++ b/client/scss/components/_dropdown.legacy.scss @@ -33,9 +33,9 @@ position: absolute; overflow: hidden; top: 100%; - inset-inline-start: -2000px; z-index: 500; opacity: 0; + pointer-events: none; li { float: none; @@ -127,7 +127,7 @@ &.open ul { box-shadow: 0 3px 3px 0 theme('colors.black-20'); opacity: 1; - inset-inline-start: 0; + pointer-events: initial; display: block; } diff --git a/docs/releases/5.3.md b/docs/releases/5.3.md index 5337354e83..5687685611 100644 --- a/docs/releases/5.3.md +++ b/docs/releases/5.3.md @@ -20,6 +20,7 @@ depth: 1 * Update system check for overwriting storage backends to recognise the `STORAGES` setting introduced in Django 4.2 (phijma-leukeleu) * Prevent password change form from raising a validation error when browser autocomplete fills in the "Old password" field (Chiemezuo Akujobi) + * Ensure that the legacy dropdown options, when closed, do not get accidentally clicked by other interactions wide viewports (CheesyPhoenix) ### Documentation