Skip to content

Commit

Permalink
Content updates from code review
Browse files Browse the repository at this point in the history
Co-authored-by: Colin Rotherham <work@colinr.com>
  • Loading branch information
romaricpascal and colinrotherham committed Jan 26, 2024
1 parent 13eebe5 commit 375bd0b
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 2 deletions.
2 changes: 1 addition & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -93,7 +93,7 @@ You can also import it using Sass:

> [!NOTE]
>
> If you add extra styles to adjust the `.autocomplete__input` elements, be aware that when using the `autoselect` option, the component overlays it above a second `.autocomplete__hint` input. That element displays the completions when what the user typed matches the start of a suggestion. It may need adjustment to account for the changes you may have made to `.autocomplete__input` so that the text of both align properly.
> When styling the `.autocomplete__input` element, be aware that the `autoselect` option will render a second `.autocomplete__hint` input element for suggestion text. Both elements should be styled to ensure suggestions exactly align with the typed input text.
### Using with Preact

Expand Down
2 changes: 1 addition & 1 deletion examples/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -50,7 +50,7 @@
/* Custom classes for the `XYZClasses` props with visual changes to see their effect without inspecting */
.custom-input-class {
/* Adjust the font to check that both hint and input get the class by default,
if they don't text won't overlap properly */
to ensure the hint suggestion exactly aligns with the typed input text */
font-family: serif;
}

Expand Down

0 comments on commit 375bd0b

Please sign in to comment.