Set defaultSelected on option element from select's defaultValue

Author: Brandon Dail

src/renderers/dom/fiber/wrappers/ReactDOMFiberSelect.js

@@ -76,6 +76,7 @@ function updateOptions(
   node: HTMLSelectElement,
   multiple: boolean,
   propValue: any,
+  setDefaultSelected: boolean,
 ) {
   type IndexableHTMLOptionsCollection = HTMLOptionsCollection & {
     [key: number]: HTMLOptionElement,
@@ -94,6 +95,9 @@ function updateOptions(
       if (options[i].selected !== selected) {
         options[i].selected = selected;
       }
+      if (selected && setDefaultSelected) {
+        options[i].defaultSelected = true;
+      }
     }
   } else {
     // Do not set `select.value` as exact behavior isn't consistent across all
@@ -103,6 +107,9 @@ function updateOptions(
     for (let i = 0; i < options.length; i++) {
       if (options[i].value === selectedValue) {
         options[i].selected = true;
+        if (setDefaultSelected) {
+          options[i].defaultSelected = true;
+        }
         return;
       }
       if (defaultSelected === null && !options[i].disabled) {
@@ -175,7 +182,7 @@ var ReactDOMSelect = {
     if (value != null) {
       updateOptions(node, !!props.multiple, value);
     } else if (props.defaultValue != null) {
-      updateOptions(node, !!props.multiple, props.defaultValue);
+      updateOptions(node, !!props.multiple, props.defaultValue, true);
     }
   },
 
@@ -194,7 +201,7 @@ var ReactDOMSelect = {
     } else if (wasMultiple !== !!props.multiple) {
       // For simplicity, reapply `defaultValue` if `multiple` is toggled.
       if (props.defaultValue != null) {
-        updateOptions(node, !!props.multiple, props.defaultValue);
+        updateOptions(node, !!props.multiple, props.defaultValue, true);
       } else {
         // Revert the select back to its default unselected state.
         updateOptions(node, !!props.multiple, props.multiple ? [] : '');