Add the [Enter] shortcut to the modal window for entering duplicates issue

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

Issue

On the issue management page, you can mark an issue as a duplicate. In this case, a modal window for entering a URL will appear. Pressing Enter in it does nothing.

1 2
image image

The window should accept the entered URL when Enter is pressed in the input field.

Implementation plan

Changes will mostly be needed in app/javascript/pages/manage-issue-page/CloseDuplicateModal.vue and probably app/javascript/pages/manage-issue-page/CloseDuplicateModal.spec.js

  1. Remove the default footer from the modal (using the no-footer prop like we do in app/javascript/pages/user-page/AddPointsModal.vue)
  2. Add a BForm wrapper around the form (handling the @submit event)
  3. Add a BButton submit button
  4. Update tests

Alternatively, we COULD consider adding some kind of listener for enter key, but I don't think that's the right way to go about it.

BONUS: We could also research whether anyone has already implemented a solution for bootstrap-vue-next and/or is there an open issue in their issue tracker?

/cc @gitlab-org/developer-relations/contributor-success

Edited by 🤖 GitLab Bot 🤖