Fix slide direction for two items

[ted537]

Should close #192

[ChenCodes]

Hi @Learus , would you mind taking a look at this fix? I'm running into the same issue above and appreciate if this issue can be resolved :)

[ruinixu]

Would also greatly appreciate this fix being merged in!

[ChenCodes]

Bump @Learus ! 🙏

[LoliDelgado]

I am seeing the same issue, will appreciate it if this fix is merged and released!

[yingWideop]

So when will this fix be released? Having the same issue...🥲 Thank you in advance! @Learus

[jb19901234]

Having the same issues, would love to see release of the proposed fix.

In te mean time, how can I yarn add the repository including the fix?

[ted537]

I hosted my fork here for my own npm install purposes: https://www.npmjs.com/package/@ted537/react-material-ui-carousel

Should work for anyone I believe

[grna]

@Learus I am facing the same problem...

[kamami]

Any plans for merge?

[davidgl12]

I'm facing this problem currently, merging this would save me a lot of time in designing a workaround

[bishwo-pratap]

This solution created a jitter effect where the current card would disappear and then would be replaced by the next card with a slide effect.. i have fixed that...

Suggested change

	else if (maxIndex>1 && index === prevActive)
	else if (index === prevActive)

[bishwo-pratap]

Suggested change

	if (maxIndex > 1) {
	if (active === maxIndex && index === 0) animate = 'rightOut';
	if (active === 0 && index === maxIndex) animate = 'leftOut';
	}
	if (maxIndex === 1) {
	if (active === maxIndex && index === 0) animate = 'leftOut';
	if (active === 0 && index === maxIndex) animate = 'rightOut';
	} else {
	if (active === maxIndex && index === 0) animate = 'rightOut';
	if (active === 0 && index === maxIndex) animate = 'leftOut';
	}

[bishwo-pratap]

replace the code in line 117, 118 with the following

Suggested change

	if (active === maxIndex && index === 0) animate = 'rightwardExit';
	if (maxIndex === 1) {
	if (active === maxIndex && index === 0) animate = 'leftwardExit';
	if (active === 0 && index === maxIndex) animate = 'rightwardExit';
	} else {
	if (active === maxIndex && index === 0) animate = 'rightwardExit';
	if (active === 0 && index === maxIndex) animate = 'leftwardExit';
	}

[RoiFordefi]

this is solved already?
i still have this problem at version 3.4.2

@bishwo-pratap it's looks like you already have the solution in your hand, please fix whats necessary and get it in.

pretty please..

[hhlwt]

this is solved already? i still have this problem at version 3.4.2

@bishwo-pratap it's looks like you already have the solution in your hand, please fix whats necessary and get it in.

pretty please..

Here is the fixed version
https://www.npmjs.com/package/react-material-ui-carousel-dromanov-fixed-version?activeTab=readme

npm i react-material-ui-carousel-dromanov-fixed-version