gauravchl / react-simple-sidenav Goto Github PK

Hi Gaurav, I really like this component and am getting it to work nicely with react-headroom. In your demo versions when using the dev tools to checkout mobile view everything looks fine. That said, when I check the mobile view in my app (starting from scratch) it is not translating and the sidenav is out of view. I'm not able to pinpoint the difference in the elements currently, nor am I seeing any media queries...if you have any input or if this is a bug please let me know. Thanks in advance for your help!

Casper

After setting openFromRight as true, touch gesture to right does not close sidenav.
it seems touch to left is required also for closing right positioned sidenav

HI! I have this sidebar with many nav-links, by default sidebar have overflow: hidden style, how to change it on overflow-y: scroll?

I like this component but it can be better with dynamic active tab.
I primarily want to highlight the active Link and to use the whole "li" as a Link component so that you can click anywhere on it and it will work.

When i use bootstrap CSS of this package is overridden and navigation bar does not show up clearly

But when bootstrap is disabled it works fine

so any suggestion about the best way to deal with this

Hi Gaurav,

Is there a way to dock the side nav currently?

Thanks and regards
Amit

React.createClass and React.PropTypes are deprecated, see https://facebook.github.io/react/blog/2017/04/07/react-v15.5.0.html

edit:
Created pull request #6 to update.

I love how simple this component is. The only feature I would like is to have the menu optionally open from the right.

Two issues:

1. Is there any way to get the item that is selected on the sidenav? Something like an onItemClicked callback?

2. There are bullet points appearing beside each item of the sidenav. How do I remove those?