[fix] 'accessibilityRequired' sets correct 'required' value

Fix #2451
necolas · Jan 11, 2023 · ca15203 · ca15203
1 parent f34377d
commit ca15203
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js b/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js
@@ -112,6 +112,13 @@ describe('modules/createDOMProps', () => {
     expect(props['aria-live']).toEqual('off');
   });
 
+  test('prop "accessibilityRequired" becomes "aria-required" and "required"', () => {
+    const accessibilityRequired = false;
+    const props = createDOMProps('input', { accessibilityRequired });
+    expect(props['aria-required']).toEqual(false);
+    expect(props.required).toEqual(false);
+  });
+
   test('prop "accessibilityRole" becomes "role"', () => {
     const accessibilityRole = 'button';
     const props = createProps({ accessibilityRole });

diff --git a/packages/react-native-web/src/modules/createDOMProps/index.js b/packages/react-native-web/src/modules/createDOMProps/index.js
@@ -238,7 +238,7 @@ const createDOMProps = (elementType, props, options) => {
       elementType === 'select' ||
       elementType === 'textarea'
     ) {
-      domProps.required = true;
+      domProps.required = accessibilityRequired;
     }
   }
   if (role != null) {