I have an `iframe` HTML element. When it is opened, the focus is on the close (X) button on the top-right. I want the user to be able to tab from that button to the elements inside the `iframe`. However, tabbing does not change the focus away from the close button.

The `iframe` contains a `freshwidget`. I don't know if that matters.

    <iframe title="Substantive Question" class="freshwidget-embedded-form" id="freshwidget-embedded-form"

            src="${data.freshDeskURL}/widgets/feedback_widget/new?widgetType=embedded&formTitle=&submitThanks=Your+question+has+been+submitted.&screenshot=no&screenr_recording=no&attachFile=no&searchArea=no&helpdesk_ticket[requester]=${data.email}&helpdesk_ticket[custom_field][name_78626]=${data.name}&helpdesk_ticket[subject]=${data.subject}&helpdesk_ticket[custom_field][subject_78626]=${data.stateDescription}&helpdesk_ticket[custom_field][bar_review_course_state_78626]=${data.barReviewCourseState}&disable[custom_field][bar_review_course_state_78626]=true&helpdesk_ticket[custom_field][course_type_78626]=${data.courseType}&disable[custom_field][course_type_78626]=true"

            scrolling="no" height="1000px" width="100%" frameborder="0" onload="self.scrollTo(0,0)">

    </iframe>

How can I enable tabbing away from the close button?