Merge pull request #119 from mendix/nc/fix/NC-312_drop-down-max-width

[NC-312] Dropdown width

Author: jordanch

styles/native/ts/core/widgets/dropdown.ts

@@ -79,7 +79,8 @@ export const DropDown: DropDownType = {
     },
     itemContainer: {
         // All ViewStyle properties & rippleColor & activeOpacity & underlayColor are allowed
-        maxWidth: 500,
+        width: "100%",
+        maxWidth: undefined, // unset core widget's default maxWidth value (prior to 8.18.7)
         paddingVertical: 6,
         paddingHorizontal: 16,
         backgroundColor: input.backgroundColor,
@@ -99,6 +100,8 @@ export const DropDown: DropDownType = {
     },
     selectedItemContainer: {
         // All ViewStyle properties are allowed
+        width: "100%",
+        maxWidth: undefined, // unset core widget's default maxWidth value (prior to 8.18.7)
         backgroundColor: contrast.lowest,
     },
     /*  New dropdown styles end */

styles/native/ts/core/widgets/referenceselector.ts

@@ -81,7 +81,8 @@ export const ReferenceSelector: DropDownType = {
     },
     itemContainer: {
         // All ViewStyle properties & rippleColor & activeOpacity & underlayColor are allowed
-        maxWidth: 500,
+        width: "100%",
+        maxWidth: undefined, // unset core widget's default maxWidth value (prior to 8.18.7)
         paddingVertical: 6,
         paddingHorizontal: 16,
         backgroundColor: input.backgroundColor,
@@ -101,6 +102,8 @@ export const ReferenceSelector: DropDownType = {
     },
     selectedItemContainer: {
         // All ViewStyle properties are allowed
+        width: "100%",
+        maxWidth: undefined, // unset core widget's default maxWidth value (prior to 8.18.7)
         backgroundColor: contrast.lowest,
     },
     /*  New dropdown styles end */