If the "Login" button is in the "More" dropdown (i.e., on smaller screens), then when the user clicks it, the pop up opens briefly and immediately closes. This is because the source LoginLogoutPopupButton element is removed from the DOM.
The best fix is likely to move the LoginLogoutPopupButton outside of the dropdown and link it's visibility via v-model to a variable.
robere2
commented
2 years ago
If the "Login" button is in the "More" dropdown (i.e., on smaller screens), then when the user clicks it, the pop up opens briefly and immediately closes. This is because the source LoginLogoutPopupButton element is removed from the DOM.
The best fix is likely to move the
LoginLogoutPopupButtonoutside of the dropdown and link it's visibility viav-modelto a variable.