Uploaded image for project: 'OpenAM'
  1. OpenAM
  2. OPENAM-15027

React-select-multi component - when press enter on the 'x' of selected entry to delete it triggers the form submission instead


    • Type: Bug
    • Status: Open
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 7.0.0
    • Fix Version/s: None
    • Component/s: XUI
    • Labels:


      Bug description

      The keyboard navigation allows to travel between the entries in react-select-multi component with left and right arrows. When the desired entry is navigated to with using the arrows then the "x" near the entry is highlighted that indicates removal of the entry when "Enter" key is pressed. Instead the entire form is being submitted and the entry isn't being deleted. There is no other way to delete entry from the react-select-multi component with using the keyboard.

      How to reproduce the issue

      1. Create hosted IDP instance and go to edit page
      2. Navigate to Assertion Content tab > NameID Format panel
      3. Get focus on the NameID Format List and use the arrows to navigate between the entries.
      4. You can see when navigating between entries that the "x" of selected entry is highlighted red.
      5. Press enter to delete selected entry
      Expected behaviour
      When pressed enter on the selected entry red highlighted "x" is should delete the entry.
      Current behaviour
      Entry is not deleted. The attempt to submit the entire form has been made (like when you press "Save" on the botton of the page).




            • Assignee:
              joanna.szajna Joanna Szajna [X] (Inactive)
            • Votes:
              0 Vote for this issue
              2 Start watching this issue


              • Created: