question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Missing indication on how to style the searchForFacetValues searchbar

See original GitHub issue

Do you want to request a feature or report a bug? Feature.

Feature: What is your use case for such a feature? I want to make it match the rest of the design of my search. Neither the searchForFacetValues.templates, templates nor cssClasses options seem to accept anything that could let me change the styling of the searchbar. At least, I couldn’t find any mention of it in the doc.

The pre-generated class names also does not seem to follow the ais- notation used in the other widgets, which makes me think they are internal classes and shouldn’t be relied upon.

Feature: What is your proposed API entry? The new option to add? What is the behavior? Having the class names (currently searchbox, sbx-sffv, sbx-sffv__wrapper, sbx-sffv__input, etc) follow the ais- naming used in the other widgets would be enough for my use-case. It would give me the signal that I can style them and they won’t change in an upcoming release.

image image

What project are you opening an issue for?

  • instantsearch.js

What is the version you are using? Always use the latest one before opening a bug issue. 1.11.2

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:6
  • Comments:13 (12 by maintainers)

github_iconTop GitHub Comments

2reactions
francoischalifourcommented, Nov 19, 2018

Definitely! We’ll work on that for InstantSearch.js 3.

2reactions
ronanlevesquecommented, Sep 6, 2017

I’d rather have more classes than less if it’s justified (will avoid using complex selectors, which could lead to specificity issues).

That being said, I’m trying to simplify the DOM wherever possible

Read more comments on GitHub >

github_iconTop Results From Across the Web

Customize an InstantSearch.js widget - Algolia
Learn how you can customize an existing InstantSearch.js widget.
Read more >
instantsearch.js - UNPKG
n - Format: [a-zA-Z0-9_-]{1,64}');\n }\n /**\n * This attribute contains the ... triggered when a search using `searchForFacetValues` is sent to Algolia\n ...
Read more >
https://www.mzv.cz/public/48/2e/14/2753013_1890161...
_refine(a,d),format:g,range:d,widgetParams:o({},n,{precision:p}),start:h ... searchForFacetValues(a,l,d,f).then(function(e){var a=y?(0,u.escapeFacets)(e.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found