Unable to resize

[alvirtuoso]

Here's my markup:
<star-rating :rating="3.8" :star-size="30" :read-only="true" :increment="0.01"></star-rating>

[smccumsey]

Seeing same issue. Works when I wrap it in spans (idk why) though.

<span><star-rating :star-size="30" :show-rating="false" :rating="4" :inline="true" :active-color="`darkgrey`" ></star-rating></span>

[craigh411]

I can't seem to reproduce this. What browser is this appearing in? Also, do you have any styles that might be overriding the .star-rating, .star classes, something like this JSFiddle gets close to what you are seeing. If this is the case I will consider changing the class names inside the component so it's not so easy to accidentally override them.

[smccumsey]

I have Google Chrome Version 58.0.3029.110 (64-bit)

And for the js fiddle I'm not sure if this is what you meant but when I added the class "container__stars" to star-rating component then changed '.star-rating' to '.container__stars' in the CSS the stars were still cut off.

[craigh411]

@smccumsey Do you still see cut off stars in this JSFiddle without any css?

[smccumsey]

w/o the css the stars aren't cut off

[craigh411]

Ah, OK, then this may just be a case of making the overflow visible on the stars. Thanks for your quick responses, they are really appreciated.

[alvirtuoso]

@craigh411 Tested with empty .star-rating css and all is fine. Thanks for this component, btw!

[craigh411]

OK, I've now changed the internal class names so it shouldn't be so easy to unintentionally override the default styles. See the release notes for version 1.4.0