From cd3d21f85bb12880bb3e2b583b33e91b7b3ff2dc Mon Sep 17 00:00:00 2001 From: Jon McClure Date: Sat, 3 Sep 2022 21:12:48 +0100 Subject: [PATCH] few hotfixes for new framer --- src/components/Framer/Typeahead/index.svelte | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/components/Framer/Typeahead/index.svelte b/src/components/Framer/Typeahead/index.svelte index e0b36c38..08aad70e 100644 --- a/src/components/Framer/Typeahead/index.svelte +++ b/src/components/Framer/Typeahead/index.svelte @@ -147,7 +147,7 @@ .slice(0, limit) .filter((result) => !filter(result.original)) .map((result) => ({ ...result, disabled: disable(result.original) })) - : data.slice(0, 10).map((d) => ({ string: extract(d), original: d })); + : data.map((d) => ({ string: extract(d), original: d })); $: resultsId = results.map((result) => extract(result.original)).join(''); $: showResults = !hideDropdown && results.length > 0 && isFocused; @@ -277,8 +277,9 @@ position: absolute; top: 100%; left: 0; - width: 100%; + width: calc(100% - 2px); padding: 0; + margin: 0; list-style: none; background-color: inherit; } @@ -286,12 +287,15 @@ [aria-expanded='true'] ul { z-index: 1; border: 1px solid #ddd; - // box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); + max-height: 50vh; + overflow-y: scroll; } li, .no-results { padding: 0.25rem 1rem; + @include font-display; + color: #333; } li {