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.

Invalid prop: custom validator check failed for prop "rotation"

See original GitHub issue

First of all, thanks for your great work!

I want to rotate fa-toggle-on by 180° on click (see screenshot). This is my code for the icon:

<a @click="toggleMode()"><fa icon="toggle-on" :rotation="(mode === 'multiple') ? 0 : 180" fixed-width size="2x"></fa></a>

It works well, but I see this error in my chrome dev tools console. I like having a clear console. Do you know why this happens and how I can fix it?

Issue Analytics

State:
Created 5 years ago
Comments:12 (6 by maintainers)

Top GitHub Comments

6reactions

robmadolecommented, Aug 29, 2018

Ah, shoot. I’m sorry about that. Right now it is a Number. The problem is that 0 is not allowed. Check out the validator.

You’ll need to specify null instead of 0.

1reaction

smilingkitecommented, Sep 3, 2019

For other users - note that the rotate prop only accepts 90, 180 and 270 (whether as strings or numbers). If you to rotate differently, use the :transform prop.

Top Results From Across the Web

[Vue warn]: Invalid prop: custom validator check failed for ...

When I put number (4 or any other number) it works fine without generating the warning in the console. Below is my code:...

invalid prop custom validator check failed for prop value vue

Currently, if a custom validator fails, we get a console error log saying Invalid prop: custom validator check failed for prop 'email'which is...

[vue warn]: invalid prop: type check failed for prop

To fix this warning you can either change type of prop or set default position to 'top right' . Thanks. Open side panel....

HtmlEditor - The "Invalid prop: custom validator check ...

HtmlEditor - The "Invalid prop: custom validator check failed for prop 'formatName' " error occurs for certain toolbar items.

bootstrap-vue

_intervalId = null\n }\n },\n // Start auto rotate slides\n start(evt) {\n if (!evt) ... off(EVENT_STATE_SYNC, el[BV_TOGGLE])\n }\n // Reset custom props\n ...