NoriginMedia / Norigin-Spatial-Navigation

React Hooks based Spatial Navigation (Key & Remote Control Navigation) / Web Browsers, Smart TVs and Connected TVs

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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 ?

commented

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.