STSMACOM-882 use a different approach to fix Notes display as a pop-u…

…p label
folio-org · Jan 7, 2025 · d4c3c1a · d4c3c1a
1 parent 80bf1ef
commit d4c3c1a
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/lib/Notes/components/NoteForm/components/NoteFields/NoteFields.js b/lib/Notes/components/NoteForm/components/NoteFields/NoteFields.js
@@ -90,12 +90,12 @@ export default class NoteFields extends Component {
         {showDisplayAsPopupOptions && (
           <Row>
             <Col xs={12}>
-              <Label for="display-as-popup-group">
+              <Label id="display-as-popup-group-label">
                 <span className={styles.heading}>
                   <FormattedMessage id="stripes-smart-components.notes.displayAsPopup.label" />
                 </span>
               </Label>
-              <div id="display-as-popup-group">
+              <fieldset aria-labelledby="display-as-popup-group-label">
                 <Field
                   name="popUpOnCheckOut"
                   type="checkbox"
@@ -112,7 +112,7 @@ export default class NoteFields extends Component {
                   label={<FormattedMessage id="stripes-smart-components.notes.displayAsPopup.users" />}
                   readOnly={fieldsAreDisabled}
                 />
-              </div>
+              </fieldset>
             </Col>
           </Row>
         )}