@widergy/mobile-ui 1.31.0 → 1.31.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [1.31.1](https://github.com/widergy/mobile-ui/compare/v1.31.0...v1.31.1) (2024-11-04)
+
+
+### Bug Fixes
+
+* utmenu fixes ([#374](https://github.com/widergy/mobile-ui/issues/374)) ([44258cb](https://github.com/widergy/mobile-ui/commit/44258cb1bb0ac7c837741f43ec4cbbc280e2d2a8))
+
 # [1.31.0](https://github.com/widergy/mobile-ui/compare/v1.30.2...v1.31.0) (2024-11-04)
 
 

package/lib/components/UTMenu/index.js

@@ -154,50 +154,50 @@ const UTMenu = ({
           <View style={styles.overlay} />
         </TouchableOpacity>
         <Surface
-          onLayout={handleMenuLayout}
-          ref={menuRef}
           style={[styles.menu, position, fullWidth && { width: anchorMeasure?.width }, propStyles?.menu]}
         >
-          <KeyboardAvoidingView behavior="height">
-            {withAutocomplete && (
-              <View style={[styles.searchContainer, propStyles?.searchContainer]}>
-                <UTTextInput
-                  inputRef={searchTextInputRef}
-                  onChange={handleQueryChange}
-                  onSubmitEditing={
-                    query && filteredOptions[0]
-                      ? () => handleOptionPress(() => onPress(filteredOptions[0]))
-                      : closeMenu
-                  }
-                  placeholder={autoCompletePlaceholder}
-                  value={query}
-                />
-              </View>
-            )}
-            <ListView
-              filteredOptions={filteredOptions}
-              handleOptionPress={handleOptionPress}
-              isMultiple={isMultiple}
-              ItemSeparatorComponent={ItemSeparatorComponent}
-              ListEmptyComponent={ListEmptyComponent}
-              maxHeight={maxHeight}
-              MenuOptionComponent={MenuOptionComponent}
-              onPress={onPress}
-              propStyles={propStyles}
-              query={query}
-              selectedOption={selectedOption}
-              usableWindowHeight={usableWindowHeight}
-              windowHeight={windowHeight}
-            />
-            {withGoogleAttribution && (
-              <View style={styles.attribution}>
-                <UTLabel colorTheme="gray" variant="small">
-                  {ATTRIBUTION}
-                </UTLabel>
-                <Image source={GoogleLogo} />
-              </View>
-            )}
-          </KeyboardAvoidingView>
+          <View onLayout={handleMenuLayout} ref={menuRef}>
+            <KeyboardAvoidingView behavior="height">
+              {withAutocomplete && (
+                <View style={[styles.searchContainer, propStyles?.searchContainer]}>
+                  <UTTextInput
+                    inputRef={searchTextInputRef}
+                    onChange={handleQueryChange}
+                    onSubmitEditing={
+                      query && filteredOptions[0]
+                        ? () => handleOptionPress(() => onPress(filteredOptions[0]))
+                        : closeMenu
+                    }
+                    placeholder={autoCompletePlaceholder}
+                    value={query}
+                  />
+                </View>
+              )}
+              <ListView
+                filteredOptions={filteredOptions}
+                handleOptionPress={handleOptionPress}
+                isMultiple={isMultiple}
+                ItemSeparatorComponent={ItemSeparatorComponent}
+                ListEmptyComponent={ListEmptyComponent}
+                maxHeight={maxHeight}
+                MenuOptionComponent={MenuOptionComponent}
+                onPress={onPress}
+                propStyles={propStyles}
+                query={query}
+                selectedOption={selectedOption}
+                usableWindowHeight={usableWindowHeight}
+                windowHeight={windowHeight}
+              />
+              {withGoogleAttribution && (
+                <View style={styles.attribution}>
+                  <UTLabel colorTheme="gray" variant="small">
+                    {ATTRIBUTION}
+                  </UTLabel>
+                  <Image source={GoogleLogo} />
+                </View>
+              )}
+            </KeyboardAvoidingView>
+          </View>
         </Surface>
       </Modal>
     </Fragment>

package/lib/components/UTMenu/styles.js

@@ -11,7 +11,6 @@ export default StyleSheet.create({
     backgroundColor: 'white',
     borderRadius: 8,
     left: 0,
-    paddingVertical: 4,
     position: 'absolute',
     zIndex: 1000
   },

package/package.json

@@ -2,7 +2,7 @@
   "name": "@widergy/mobile-ui",
   "description": "Widergy Mobile Components",
   "author": "widergy",
-  "version": "1.31.0",
+  "version": "1.31.1",
   "repository": "https://github.com/widergy/mobile-ui.git",
   "main": "lib/index.js",
   "files": [