From 4fff0e79a54f7d6f01d67ccfdbbe062786cdd5da Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Daniel=20Calvi=C3=B1o=20S=C3=A1nchez?= Date: Mon, 29 Nov 2021 19:26:57 +0100 Subject: [PATCH] Fix input for groups validation in new user form MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The hidden input used for form validation was not actually hidden since Nextcloud 22, as the DOM structure changed to show a dialog rather than adding a row on top of the list when adding new users, so the CSS rules no longer matched. Signed-off-by: Daniel Calviño Sánchez --- apps/settings/css/settings.scss | 9 --------- apps/settings/src/components/UserList.vue | 12 ++++++++++++ 2 files changed, 12 insertions(+), 9 deletions(-) diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss index 53a9a28c0800b..79258f77479d7 100644 --- a/apps/settings/css/settings.scss +++ b/apps/settings/css/settings.scss @@ -1560,15 +1560,6 @@ doesnotexist:-o-prefocus, .strengthify-wrapper { &.sticky { box-shadow: 0 -2px 10px 1px var(--color-box-shadow); } - - /* fake input for groups validation */ - input#newgroups { - position: absolute; - opacity: 0; - width: 80% !important; - margin: 0 10%; - z-index: 0; - } } // separate prop to set initial value to top: 50px diff --git a/apps/settings/src/components/UserList.vue b/apps/settings/src/components/UserList.vue index 2a70d40fb4e17..617677787ff23 100644 --- a/apps/settings/src/components/UserList.vue +++ b/apps/settings/src/components/UserList.vue @@ -622,4 +622,16 @@ export default { .row::v-deep .multiselect__single { z-index: auto !important; } + + /* fake input for groups validation */ + input#newgroups { + position: absolute; + opacity: 0; + /* The "hidden" input is behind the Multiselect, so in general it does + * not receives clicks. However, with Firefox, after the validation + * fails, it will receive the first click done on it, so its width needs + * to be set to 0 to prevent that ("pointer-events: none" does not + * prevent it). */ + width: 0; + }