Scrolling not working
AmirKaftari opened this issue · comments
Describe the bug
I use <FocusContext.Provider value={focusKey}>, focused and change focuse happened but scroll not happened in react js.
Scrolling is not included in this library, so you will need to implement it as described in, for example, #52
tnx.
can i set list start from right? this plugin set direction from ritgh for rtl language ?
this is my code for MovieList component :
<Box sx={{ width: '100%', maxWidth: 360, bgcolor: 'background.paper' }}> <List component={Stack} direction="row"> <ListItem disablePadding> {movies.map((movie, i) => ( <Movie key={i} movie={movie} i={i} /> ))} </ListItem> </List> </Box>
and this is Movie component :
`
<Grow in key={i} timeout={(i + 1) * 250}>
<Link className={classes.links} to={`/movie/${movie.uid}`}>
<img
src={movie.pic.movie_img_m }
alt={movie.movie_title_en}
className={classes.image}
/>
<Typography className={classes.title} variant="h8">{movie.movie_title}</Typography>
{/* <Tooltip disableTouchListener title={`${movie.vote_average} / 10`}>
<div>
<Rating readOnly value={movie.vote_average / 2} precision={0.1} />
</div>
</Tooltip> */}
</Link>
</Grow>
</Grid>`
i can set focusable with you'r plugin, but movie row not scrolling. i see you're example, but i can not use it for our code. can you get me example for this code ?
Hi @AmirKaftari!
I'm sorry, but I don't think we can help you with any specific answers based on your code snippet alone.
If you need to do something scroll related then I recommend you look into the documentation for these things:
This is what we use when implementing the library in client applications ourselves and it is relatively straight forward.
Best of luck to you.