Uploaded image for project: 'Jira Service Management Cloud'
  1. Jira Service Management Cloud
  2. JSDCLOUD-17816

Customer Support Request Forms: Select-only combobox unexpectedly triggers keyboard on mobile

XMLWordPrintable

      Issue Summary

      When the user taps to open the "Category" select-only combobox on a mobile device, the keyboard is triggered unexpectedly.

      Note:

      The “Category” select-only combobox is not working as expected on mobile devices. Since this is a select-only combobox, it should not trigger the keyboard, as this can confuse screen reader users about how to interact with it and make it difficult for users to select from the available options.

      Test URLs

      mycolorado-general-support

      mycolorado-accessibility-support

      Steps to Reproduce

      1. Open the myColorado Support Request Form on iOS or Android devices.
      2. Enable a screen reader (VoiceOver on iOS or TalkBack on Android).
      3. Navigate to the “Category” combobox and tap to open it.
      4. Observe that the keyboard is triggered unexpectedly.

      Screen Recording

      Keyboard triggers unexpectedly on select-only combobox.mov

      Actual Results

      When the user taps to open the "Category" select-only combobox on a mobile device, the device keyboard is triggered unexpectedly. This allows users to type input, even though the combobox is intended to only allow selection from predefined options. As a result, screen reader users may be confused about how to interact with the combobox, and it becomes more difficult for all users to select an option from the list.

      Expected Results

      The select-only combobox should not trigger the keyboard and should allow users to choose only from the predefined options.

      To ensure proper accessibility and consistent behavior on mobile devices, the “Category” select-only combobox should be implemented so that it only allows selection from predefined options and does not trigger the device keyboard. Using the native <select> element is recommended, as it naturally enforces select-only behavior. For custom combobox components, make the input field read-only to prevent typing, and ensure all ARIA roles and attributes (role="combobox", aria-haspopup="listbox", aria-expanded, aria-controls) are correctly applied, so that the keyboard does not appear and screen readers accurately convey the field’s purpose and available options to users.

      For information on creating accessible select-only comboboxes, refer to the following resources:

      Workaround

      Currently there is no known workaround for this behavior. A workaround will be added here when available

      Environment

      iPhone 15 Pro Max
      iOS Version 26.0
      Android Version 14
      Chrome - Version 140.0.7339.207
      Safari- Version 26
      TalkBack
      VoiceOver - Version Latest

              Unassigned Unassigned
              deddb3877943 Chirag Goyal
              Votes:
              0 Vote for this issue
              Watchers:
              1 Start watching this issue

                Created:
                Updated: