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.

v2 - Overriding class names not working

See original GitHub issue

Feedback on the v2 alpha version 🆕

Describe the bug / features

When you pass the prop class-names to the components, as described in here https://deploy-preview-416--vue-instantsearch.netlify.com/getting-started/styling.html#overriding-class-names the classes are not beeing overriding, instead it add the attribute as class-names="[object Object]"

Reproduction

https://codesandbox.io/s/l7jp6rxr3m Inspect the element on you will see the attribute class-names="[object Object]"

What is the version you are using?

v2.0.0-alpha.1

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:5 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
gpassarellicommented, Sep 19, 2018

Alright, I’ll.

I know, it’s just because I copied from the template you guys provide and only updated the version. On my tests, I’m using my own class names.

0reactions
Haroenvcommented, Sep 26, 2018

This has been added in alpha 2

Read more comments on GitHub >

github_iconTop Results From Across the Web

Override Classname Not Working in React Component
All, I was able to get this working just had to set a height and width within the chatview panel and everything is...
Read more >
How to Override CSS Styles - W3docs
How CSS overriding works, what is the cascading order and inheritance, what are the priorities and some tricks to override them.
Read more >
FAQs - styled-components
The way to override styles with a high specificity is to simply increase the specificity of your own styles. This could be done...
Read more >
Specificity - CSS: Cascading Style Sheets - MDN Web Docs
The CLASS column is the count of class names, attribute selectors, and pseudo-classes in the selector. When the ID column value is the...
Read more >
How to fix style override issues - EventON - Documentation
Step 2: Having clicked the inspector hover over the item that is in ... Get the class name of the style that is...
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