Bug for activeHeight < 15 and length = 2

[dchaebae]

Hi,

When length is set to 2 (width,height=15), then the right dot is clipped, as shown in the image.

Setting width, height to match the default for non-active (width,height=10), makes the dot offset in the Y.

[yasaricli]

hello @dchaebae

I plan to have a look at this issue in a couple days and it should be resolved with the next release.

thanks.

[dchaebae]

Sounds good, thanks!

[sentientmachin3]

I'm still facing this issue, using 4 dots and having the 3rd selected. Here's how I use it:

<View style={styles.dots}>
    <Dots length={4} active={3} activeColor={Colors.accent} passiveColor={Colors.disabledTextColor} />
</View>

which is fairly simple. I tried several configs, messing with activeDotWidth/Height but didn't find a solution.

[yasaricli]

@sentientmachin3 Can you share an image about it?

[ammarfaris]

by default, currently, it already makes the dot offset in the Y-axis like the original poster stated and like the image shown for all platforms (ios, android, react-native-web) ... @yasaricli

versions:

"expo": "~49.0.7",
"react-native": "0.72.4",