Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[question] Is it possible to have typeahead with no css at all? Headless typeahead? #51

Open
fredguth opened this issue Jul 12, 2022 · 2 comments
Labels
enhancement New feature or request

Comments

@fredguth
Copy link

I wasn't able to customize typeahead to remove its background and change the look and feel of the results.

https://svelte.dev/repl/e83817000b5b4aa7bd3a3f83b20256c8?version=3.49.0

I even tried to create a "surrogate" input to input the values, but wasn't able to get the list of results.

@metonym
Copy link
Owner

metonym commented Jul 12, 2022

You might need to increase the CSS specifity. Also, data-svelte-typehead is set on the outermost div, not the input.

:global([data-svelte-typeahead] [data-svelte-search] input) {
  background:red;
}

It would be nice if this component was more easily themeable, especially using a Svelte API like style props.

@metonym metonym added the enhancement New feature or request label Jul 12, 2022
@metonym
Copy link
Owner

metonym commented Jul 12, 2022

I like the idea of a "headless" Typeahead where the logic is shipped standalone.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
enhancement New feature or request
Projects
None yet
Development

No branches or pull requests

2 participants