@linzjs/lui 21.44.3 → 21.44.4

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [21.44.4](https://github.com/linz/lui/compare/v21.44.3...v21.44.4) (2024-08-28)
+
+
+### Bug Fixes
+
+* **LuiSearchBox:** search results panel closed when click arrows to scroll up and down ([#1151](https://github.com/linz/lui/issues/1151)) ([d75b9a1](https://github.com/linz/lui/commit/d75b9a1fe525db4b1bec56142d326ac3000108da))
+
 ## [21.44.3](https://github.com/linz/lui/compare/v21.44.2...v21.44.3) (2024-08-27)
 
 

package/dist/index.js

@@ -42541,11 +42541,11 @@ var LuiSearchInput = function (props) {
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        if (!(input !== '' && input.length >= props.minCharactersForSearch)) return [3 /*break*/, 5];
+                        if (!(input !== '' && input.length >= props.minCharactersForSearch)) return [3 /*break*/, 6];
                         setIsLoading(true);
                         _b.label = 1;
                     case 1:
-                        _b.trys.push([1, , 3, 4]);
+                        _b.trys.push([1, 3, 4, 5]);
                         return [4 /*yield*/, props.getOptions(input)];
                     case 2:
                         results_1 = _b.sent();
@@ -42555,12 +42555,17 @@ var LuiSearchInput = function (props) {
                         if (!selectedIdInResults) {
                             setSelectedId(items.length ? items[0].id : '');
                         }
-                        return [3 /*break*/, 4];
+                        return [3 /*break*/, 5];
                     case 3:
+                        _b.sent();
+                        // failed to get results, clear the last search results to avoid misleading
+                        setResults([]);
+                        return [3 /*break*/, 5];
+                    case 4:
                         setIsLoading(false);
                         return [7 /*endfinally*/];
-                    case 4: return [3 /*break*/, 6];
-                    case 5:
+                    case 5: return [3 /*break*/, 7];
+                    case 6:
                         if (input !== '' &&
                             input.length < props.minCharactersForSearch &&
                             results.length > 0) {
@@ -42571,8 +42576,8 @@ var LuiSearchInput = function (props) {
                             (_a = props.onClearCallback) === null || _a === void 0 ? void 0 : _a.call(props);
                             setResults([]);
                         }
-                        _b.label = 6;
-                    case 6: return [2 /*return*/];
+                        _b.label = 7;
+                    case 7: return [2 /*return*/];
                 }
             });
         });