Slide bracket horizontally like demo on mobile

[ElijahPrince73]

I want to be able to scroll horizontally on mobile and not change the view to a column layout

How can I do that

`const CustomSeed = ({ seed, breakpoint, roundIndex, seedIndex }) => (

{seed.teams[0]?.name || 'NO TEAM '}
{seed.teams[1]?.name || 'NO TEAM '}

);

const Component = () => (

<Bracket
rounds={rounds}
roundTitleComponent={(title) => (

{title}

)}
renderSeedComponent={CustomSeed}
swipeableProps={{
enableMouseEvents: true,
animateHeight: true,
style: {
padding: '0 50px 0 0',
},
}}
/>

);`

[MahmoudTarekAli]

same issue did you find a solution yet ?

[MWTuttle]

Have both of you been successful in getting this to run on mobile?

[MahmoudTarekAli]

No ended up using a different library called @g-loot/react-tournament-brackets

[zeroftware]

The solution is to set mobileBreakpoint to 0 as an attribute of the Bracket component. Not in the wrapper nor the seeds, I'm also working on a forked project: @pawix/react-brackets and it works fine.

<Bracket
mobileBreakpoint={0}
rounds={your_data}
renderSeedComponent={CustomSeed}
/>