Issue Summary

The "Share with" field receive keyboard focus twice. 

Steps to Reproduce

1. Open the home page
2. Activate the "Create from template" button > Select the "Share a link" > Activate the "Next" button > the "Share a link" modal dialog box 
3. Use the Tab key to navigate the "Share a link"modal dialog.
4. Observe that the keyboard users experience extra tab on hidden field while navigating the screen.

Screenshot 

Screen Recording

Screen Recording 2024-09-10 at 2.17.29 PM.mov

Actual Results

The "Share with" field in "Share a link" modal dialog receive keyboard focus twice. This is because the "Share with" field inappropriately coded twice.
This resulted in keyboard only users having to tab pass an additional tab stop while navigating between the modal dialog.

Expected Results

Keyboard focus should be available only for the interactive elements on the page. Ensure that the hidden content should not  receive keyboard focus.

Remove the second "Share with" <input> field from the DOM. Alternatively, provide tabindex="-1" to the secondly coded "Share with" field.

Code Snippet

<label for="s2id_autogen2" id="confluence-select-label-s2id_autogen2">Share with</label>
<input role="combobox" aria-haspopup="listbox" aria-controls="confluence-select-listbox-sharelinks-sharewith" aria-labeledby="confluence-select-label-s2id_autogen2 confluence-select-option-chosen-s2id_autogen2" ...> 
<input tabindex="-1" id="sharelinks-sharewith" placeholder="Share this page with users" ...>

Workaround

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

Environment

MacBook Pro (16-inch, 2021)
macOs Sonoma 14.6.1
Chrome - Version 128.0.6613.120 (Official Build) (arm64)
Firefox- Version 92.0 (64-bit) 
Safari- Version 17.6 (19618.3.11.11.5)
JAWS- Version 2023
NVDA- Version 2021.2 
Voiceover - Version Latest